Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Space between page menu items (http://forum.bytesforall.com/showthread.php?t=2629)

nymana Jul 24, 2009 04:20 PM

Space between page menu items
 
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

juggledad Jul 25, 2009 07:00 AM

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

zagato Jul 26, 2009 08:26 AM

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.

nymana Jul 26, 2009 06:15 PM

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

juggledad Jul 27, 2009 05:32 PM

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?

nymana Jul 28, 2009 05:08 AM

Hi Juggledad

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

juggledad Jul 28, 2009 05:24 AM

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
HTML Code:

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
HTML Code:

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;
    }


nymana Jul 28, 2009 07:42 AM

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


All times are GMT -6. The time now is 08:52 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.