Styling Drop Down Menu
1 Attachment(s)
Hello,
I have a site here that I have been hacking away at, and have a problem I just can't solve. http://sacredtheatre.org/wordpress/ The drop down menu items are retaining the dividers from the main menu, and I don't want them to. If I add "background: none" into the CSS under the div#menu1 ul.rMenu li ul tag it turns off even the orange background which I want! It is also not reading the border bottom in the submenu. my CSS so far: div#menu1 { height: 26px; background: #F39D63; padding-top: 5px; padding-left: 40px; font-weight: bold !important; text-shadow: #666 2px 2px 1px; } ul.rMenu li { padding: 2px 12px; margin-left: -6px; background: transparent url(/wordpress/wp-content/themes/atahualpa/images/menu-divider.jpg) -3px 3px no-repeat !important; } ul.rMenu li:first-child { background: transparent !important; } /*---drop down arrows---*/ div#menu1 ul.rMenu-hor li.rMenu-expand a { background-image: none; padding-right: 0px !important; } div#menu2 ul.rMenu-hor li.rMenu-expand a { background-image: none; padding-right: 0px !important; } /*---drop down style---*/ ul.rMenu-ver { background: #F39D63; } div#menu1 ul.rMenu li ul { border-bottom: 1px solid #FFF; } Thoughts? Thanks! ~Arrowyn |
All times are GMT -6. The time now is 01:36 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.