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)
-   -   Centering menu items (http://forum.bytesforall.com/showthread.php?t=16299)

tsheridan Dec 19, 2011 09:44 AM

Centering menu items
 
I'm trying to figure out how to center the menu items, as opposed to centering the menu itself.
I've done a custom menu, and I have it positioned where I want it, but it wraps to a 2nd line, which is what I want, however I want to center the menu items within the menu and make the line spacing smaller, and can't get that figured out. Is that possible? I'm trying to avoid using both a page menu and a category menu, if I can help it.

Also, how do I put more space between the menu items? Here is the code I'm using in the custom css -

div#menu1 {
background: none !important;
height: 35px;
padding-bottom: 29px;
padding-left: 190px;
width: 700px;
}
div#menu1 ul.rMenu {
border: none 0px;
background: none !important;
}
ul.rMenu li a:link,
ul.rMenu li a:visited,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li {
background: transparent !important;
margin-right: 1px;
font-weight: bold !important;
}

ul.rMenu li a:visited {
color: #C38C54;
}

I've tried adding padding-right to the menu item, but that isn't working for some reason.

URL is www.theresasheridan.com/blog. I'm using the latest versions of both wordpress and atahualpa.

lmilesw Dec 19, 2011 03:13 PM

To put more space between the items you could use something like.
HTML Code:

div#menu1 li {
    margin-right: 15px;
}

To center a wrapped menu you would have to use CSS on various separate menu tabs and would be kind of a pain. You could do what you don't want to and use the cat menu or you could add a new widget area and add a menu widget.


All times are GMT -6. The time now is 11:39 AM.

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