Dear BFA

I would like to add a white space on the left and right of my page menu bar items in my header.
For some reason have tried to add custom CSS but it does not work?

Look at URL http::"nyman.georgerushby.com" and remove the " on each side

if you mean you want more space between the menu items, see http://forum.bytesforall.com/showthr...1187#post11187 post #10

Maybe nymana wants to have the menu items separated like the gray ones on http://wordpress.bytesforall.com/

I would also be interested how to do it.

Hi Juggledad

thanks for the response but that seems to simply make the buttons bigger. I want to simply create a 4px gap between menu bar items on left and right. My header background is white so want white space between buttons

the first number is the height of the menubar, the second is the with of the menu item.

Lets say the menu background will be green. Are you saying you want a menu tab that is green, then a 4 px white space then another menu tab that is green then a 4px white space etc?

Hi Juggledad

Exactly that. The buttons are blue, white background and want 4px white space between tabs.

Well, since you have a white border arround the menu tabs, you could set the right and left widths to 2px each - for the page menu try this

div#menu1 ul.rMenu li a:link, 
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active
    {
     border-left-width:2px;
     border-right-width:2px;
    }

and for the category menu try this

div#menu2 ul.rMenu li a:link, 
div#menu2 ul.rMenu li a:hover, 
div#menu2 ul.rMenu li a:visited, 
div#menu2 ul.rMenu li a:active
    {
     border-left-width:2px;
     border-right-width:2px;
    }

Hi Juggledad

Thank you so much. figured that out perfectly. Now struggling to change the hover font colour in centred menu bar in sub-sub menu from black to white

Also when mousing over the sub menu the parent text reverts back to the default colour and not hover color of the parent menu.

Any help appreciated