3 replies [Last post]
regia
regia's picture
Offline
Enthusiast
San Diego
Last seen: 6 years 5 days ago
San Diego
Timezone: GMT-4
Joined: 2010-10-24
Posts: 313
Points: 360

I'm stumped, can anyone tell me why the following is not being picked up in the css

.menu-primary li.animate a.current-menu-item,
.menu-primary li.animate a.current_page_item,
.menu-primary li.animate a:active {
background: #35610a url(images/newflag.gif) no-repeat left center;
color: #FFF;
}

The site is HERE

regia
regia's picture
Offline
Enthusiast
San Diego
Last seen: 6 years 5 days ago
San Diego
Timezone: GMT-4
Joined: 2010-10-24
Posts: 313
Points: 360

The active state should have

The active state should have a darker green than the hover state.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi regia, active needs to

Hi regia,
active needs to come after hover in the style rule order.

regia
regia's picture
Offline
Enthusiast
San Diego
Last seen: 6 years 5 days ago
San Diego
Timezone: GMT-4
Joined: 2010-10-24
Posts: 313
Points: 360

Solved - Duh

I had two li classes (animate and current-menu-item) not one li class (animate) and one a class (current-menu-item)

This works

.menu-primary li.animate.current-menu-item a,
.menu-primary li.animate.current_page_item a