Hello,
I have a project here where I have succeeded in styling the main page menu with dividers, but unfortunately the dividers are also showing up in the drop down menu. Is there any way to override them or style the pagemenu differently so they only show up there?
http://hexmagazine.com/wp/
my style sheet:
/* TOP NAV ----------------------------------------------------------------------------*/
div#menu1 {
background: #D9BB64;
border-top: 2px solid #C18E48;
border-bottom: 2px solid #C18E48;
padding-left: 146px;
}
ul.rMenu li {
padding: 2px 9px;
margin-left: -5px;
background: transparent url(/wp/wp-content/themes/atahualpa/images/menu-back.gif) -1px 9px 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: 3px !important;
}
div#menu2 ul.rMenu-hor li.rMenu-expand a {
background-image: none;
padding-right: 3px !important;
}
/*---drop down style------------------------------------*/
ul.rMenu-ver {
background: #D9BB64;
}
Thanks!
~Arrowyn