Mainnav .. menu spacer

Hi guys,
I would appreciate any little help on this issue.
I know that gavick doesn't support "custom mods" but a simple pin-point where i can achive this it would be really helpfull.


I want to define a little space between gk-mainnav's menu tabs.
I was struggling to do this inside template.css but couldn't find the right way to do it.


I want square menu tabs (i edited the menu image files) with specific space (in pixels) between the tabs.

menu_spacer.jpg

Example.
www.hgtv.com


THANKSSSS!

Hi you have to edit template.css

try add here:

Code: Select all

#gk-nav #gk-mainnav .level0 > li {
background:url("../images/menu_tab_notlast.png") no-repeat scroll right -87px transparent;
float:left;
height:40px;
line-height:40px;
padding-right:18px;
}


some margin for example:

Code: Select all

margin: 0 5px 0 5px;


Of course it was css "margin"
Stupid me!

THANKS A LOT Konrad!
I added the mod into override.css and tuned the margin to meet my needs.