2 replies [Last post]
cmbrooks46
cmbrooks46's picture
Offline
newbie
Last seen: 7 years 41 weeks ago
Timezone: GMT-4
Joined: 2011-09-09
Posts: 3
Points: 5

I am designing a Drupal web site and having problems with the active-trail on the secondary menu.

image.png

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... Laughing out loud

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 4 years 40 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

cmbrooks46
cmbrooks46's picture
Offline
newbie
Last seen: 7 years 41 weeks ago
Timezone: GMT-4
Joined: 2011-09-09
Posts: 3
Points: 5

Awesome, I will target

Awesome, I will target .primary-menu-inner ul.sf-menu li.active-trail a.

It worked. Thanks... Laughing out loud Laughing out loud Laughing out loud Laughing out loud