I am designing a Drupal web site and having problems with the active-trail on the secondary menu.
I am working in Drupal and have a menu with secondary levels. I have coded css on the menu a tag with borders and no background.
.primary-menu-inner ul.sf-menu a {
color: #FFFFFF;
display:block;
border-left:1px solid #ffcc33;
border-right:1px solid #6f4c23;
}
I am trying to override the .primary-menu-inner ul.sf-menu li.active-trail
.primary-menu-inner ul.sf-menu li.active-trail {
background: url(../images/nav.png) no-repeat right -64px;
border-bottom:1px solid #a67c52;
border-right:1px solid #a67c52;
border-left: 1px solid #38230b;
visibility: visible;
}
to where the borders settings on the a tag does not show up on the li.active trail.
Any suggestions would be great...
Wrong element
The element that you're trying to override the style of is an anchor, but you're targeting a list item with your second rule. It should probably be .primary-menu-inner ul.sf-menu li.active-trail a
instead.
Awesome, I will target
Awesome, I will target .primary-menu-inner ul.sf-menu li.active-trail a.
It worked. Thanks...