Reduce the top gap of the page

Hi guys,

I try to reduce the gap from the top of the page to my logo. Please help.

Thank you.

Could You please post an url to your site?

my url is mitcables.sg

Ok, now where this "top gap" exactly is - could You make a screenshot and mark "the gap" on it?

Here is the gap i talking about. Thank you for your reply.

Please edit: /templates/gk_shop_and_buy/css/override.css and add at its end:

Code: Select all

#gkHeaderNav {
padding: 64px 0 0 0;
}


reduce first number to reduce the gap.

Remember to enable "CSS override" in template settings - advanced section.

Hi Cybereck,

Really thank you for your help. Can you teach me how to reduce this gap also ?

And how can i change the color of my page footer.

Thank you so much for your help.

By the ways, is it possible for me to change the background color from grey to white. Thanks.

To reduce the gap use:

Code: Select all

#gkContent {
margin-bottom: 50px!important;
margin-top: 50px!important;
}


You can remove top and bottom gap this way.

To change the background:

Code: Select all

#gkPageContent {
background: #FFF;
}


Hi Cyberek,

Really thank you and appreciate your help. There is one issue with my footer that how can i remove the footer or change the footer color or reduce the size of it.

Thank you very much

Code: Select all

#gkFooter {display: none;}


will completely remove footer area (its empty right now).