Stopping overlap between header and header_bottom

I've been banging my head against the wall for a while now, and I am sure this is simple CSS buried somewhere... how do I stop the 'overlap' between the header module (Image Show GK4) and the header_bottom (News Show Pro GK5 module) on the front page?

Thanks,

John S

Could You please post an url to your site?

I prefer if You post your an url here, on the forum, but if for some reason You must send me PM, please put there link to this thread also.

I'm working on a local version of the site. here is a screenshot of what I am trying to do. I did this on another StoreBox site a few months ago but can't remember what I did to move the News Pro module down 170px.

thanks,

John S.

storebox.jpg

Sorry, but I must see live site to help You with that. Perhaps You could post it live somewhere for this purpose?

I figured it out. Just had to sleep on it:

In gk.stuff.css change

Code: Select all

.gkIsWrapper-gk_storebox {
   margin: 0 0 -200px 0;
   min-height: 400px;
   position: relative;
}

to

Code: Select all

.gkIsWrapper-gk_storebox {
   margin: 0 0 -30px 0;
   min-height: 400px;
   position: relative;
}

It would be better to use override.css and place there only this one line:

Code: Select all

.gkIsWrapper-gk_storebox {
   margin: 0 0 -30px 0;
}


Making changes in template core files will get You into troubles if You will want to update tempalate one day.

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