Space between header tabs and header content

I'd like to increase the space between the header tabs (Featured Games, Newest Games, Popular Games) and the content in the image show module. See picture for details.



I'd like to increase the space in the red circle. So an extra few pixels between the bottom of the tabs and the start of the image show content. I'm just not sure where in the css I need to go. Does anyone know how to achieve it?

Thanks.

Hi,
try this:

Code: Select all

#gkHeader ul.gkTabs {height:45px}

or this

Code: Select all

#gkHeader ul.gkTabs {padding-bottom:10px;}

Of course increase value if you need it.

How to: http://www.gavick.com/documentation/joo ... -template/

Unfortunately it doesn't seem to work. It creates a gap between the bottom of the box (where the bottom of the content is) and the headline scroller.

so why is wrong? I don't understand you want to have here more space?

red-space.png

after this

Code: Select all

#gkHeader .gkTabItemSpace {padding-top:15px;}

Please add URL, maybe in will help me more. Or use firebug to find which class/ID is responsible for this.
Thanks for understanding.