Fri, 2011-09-09 23:33
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... 
Sun, 2011-09-11 11:56
#1
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.
Tue, 2011-09-13 13:59
#2
Awesome, I will target
Awesome, I will target .primary-menu-inner ul.sf-menu li.active-trail a.
It worked. Thanks...