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.