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. |
To put more space between the items you could use something like.
HTML Code:
div#menu1 li { |
All times are GMT -6. The time now is 01:28 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.