[SOLVED] Spaces in the Page Menu Bar Subpages
 

I am working on an initiative to convert a website from some strange WCM system to WordPress and decided upon the Atahualpa theme because of it's controls from the control panel and the community. So I applaud everyone involved for creating and working on such a vibrant, full featured theme!

The issue that I am having is that my subpages in the Page Menu Bar are spaced out when I expand the menu bar to the height that I desire. I have been playing with each setting and cannot seem to find what will collapse them back to touching or rather add padding to the sub pages so they are not separated. Perhaps the picture will help.

http://geller.us/files/SpacingInPageMenuIssue.bmp

What I really want is to pad the Page Menu Bar by 8px top and bottom AND get the dropdown to be solid too.

Any advice?

Thanks,

Dave Geller

Business Analyst
R&D Division of the Dept. of Technology
City & County of San Francisco
o: 415.581.3985

What did you do to put padding inside the menu bar? To make the menu items taller add padding to the <A>. Looks like you've added padding to the <LI> or margin to the <A>. Add a CSS Insert

div#menu1 ul.rMenu-hor li a:link,
div#menu1 ul.rMenu-hor li a:visited,
div#menu1 ul.rMenu-hor li a:active,
div#menu1 ul.rMenu-hor li a:hover {
padding-top: 8px !important;
padding-bottom: 8px !important;
}

To have another padding on the sub levels

div#menu1 ul.rMenu-hor li ul li a:link,
div#menu1 ul.rMenu-hor li ul li a:visited,
div#menu1 ul.rMenu-hor li ul li a:active,
div#menu1 ul.rMenu-hor li ul li a:hover {
padding-top: 4px !important;
padding-bottom: 4px !important;
}

Flynn,

Thanks, that did the trick. Though I had to keep:

ul.rMenu-hor li
{
margin-top: 0px;
margin-bottom: 0px;
margin-right: 40px;
}

In the insert because:

1. I wanted the horizontal spacing
2. the margin-top & bottom made it so the menu items were not taller than the background bar.

Just an FYI.

Danke,

Dave