Changing position of the main icons

Im trying to put the mainfeature icons vertical on the right side, just beside the image I have there, I have tried changing the position but it doesn't look good. Im also trying to put a telephone number and a facebook and twitter link on the top part to the right of the logo. the site is http://grdholistichealing.viralcomment.com/

Thanks for any help

Hi

To place a icons next to logo, You will need to start with making a new module position. You will find an instruction here: https://www.gavick.com/documentation/jo ... -position/ Than You can add this icons using mod_custom and with a small css code move it into the place You want (I will help You with that when new module will be set).

About icons next to image please simply add this icons using mod_custom into the same module position. I wil tell You what to do than.

Thanks for the reply, but im not quite sure what mod_custom is...

Hi

Module Custom is a standard joomla module where You are able to insert a HTML code. Like adding images linking to facebook or twitter.

Oh ok, I know what it is. For the new position, how do i know what position to create? how do I control that the position that I create goes where I want?

Hi

Position will work when You will see a content of a module created and attached to it. I will help You moving it to the right place, because this will require some additional codding, but can tell You the code when I see it added to the site only.

To be honest Im having problems doing the first step.. :& , HELP !!!

Hi

Ok. Please send me an access to joomla panel and show me where I can find icons You want to add there. I'll do this for You.

Hi

Sorry, but the access You've send me is not working. Please check it and send one more time.

Hi

Ok. I've added it. It was hard becuse You have set all modules in one position, so everything is in one column, but I've found a way to make it anyway. I've created 2 modules with text, because I could not find images for icons. Both this modules has a different module class suffix so I was able to mave around using CSS code. Here is the code from override.css file I've placed. Please play with values until You will move it into the correct place:

Code: Select all

#gkMainbodyTop {
    position:relative;
}

.custom.icons_in_header {
    left: 0;
    margin: 0;
    position: absolute;
    top: 100px;
    width: 65px;
    z-index: 1000;
}

.custom.icons_in_lower {
    left: 0;
    margin: 0;
    position: absolute;
    bottom: 100px;
    width: 65px;
    z-index: 1000;
}


Thanks a lot , I was also hoping to get the main feature icons that are below the main image positioned to the right, just like facebook and twitter is but to the right side.. is it posible?

Hi

I believe by using the same exact method by with different module class suffix and different code. Please look at the example I've done and try to make it Yourself.