Side Bar and Footer Spacing Issue

Hello,

I am trying to make alignments on the template for the sidebar and the bottom part.

the link is www.bay.com.mt/bay32

You can see that the sidebar top and bottom margins are not equal. Any help on how I can do it ?

I've visited your site and see that you've added custom margin for sidebar (in override.css) and this is why now the sidebar margin top is different with content margin, please look at sidebar » screenshot and for main content » screenshot

I am talking about the top and bottom margins.

What can I do to fix them please and make them all the same ? I need them to be spaced about 10px

Thanks for your help

Sorry but I don't understand, you've overwrite this top/bottom margin in override.css - now you want to revert your changes? Please show me on screenshot what effect you want to achieve and why you add the additional margin for sidebar in override.css? Without this code main column and sidebar will have the same margins…

I can remove the code but i wanted to reduce them. All i need is that the margins will be less. Can that be done ?

Hi ,

I am trying to attach the file but its a bit bigger.

Please see this link to get an idea of what I want to achieve

http://bay.com.mt/Bay-web-2014-visual.jpg
.
Thanks for your help

Great that there is a screenshot but which margins you are talking about ? Please look here » screenshot and tell me which one.

Ok I updated it

Now the image shows which spacing i am talking about

Right now every module have 28px margin at the top, if you want to change this value please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.box { margin-top: 00px}


and then just remember to enable "Use override CSS" option in template advanced settings tab. Of course 00 please replace with your new value.

Hi

Thanks alot for your help that bit of CSS seems to work.

Just 1 more thing, Can you see the section listen live ? Is it possible to make the bottom spacing the same as well ?

Thanks again

Hmm… please try with

Code: Select all

#gkSidebar .box.nomargin h1 {height: 90px !Important}