CODEWITHSUNDEEP
jquery
user4438160
user4438160

Reputation:

Two Classes To Show Active Style

JSFiddle Demo

<li class="HIS-Magnifier Menu-Drop Active"></li>

The above snippet and viewable on JSFiddle, upon becoming 'Active' I would like to show the active style for both HIS-Magnifier & Menu-Drop however I can only seem to achieve one or the other to display their active class.

I am not sure if I am beating around the bush for my simple progress so far after I have taken an 8 month break due to complications, hopefully doable and a minor mishap?...

Active Class

.Menu-Drop.Active {
    background:url(...) repeat-x;
    border-left: 1px solid #d1a800;
    border-top: 1px solid #d1a800;
    border-right: 1px solid #d1a800;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

And one icon active;

.HIS-List.Active { background-position: -28px -8px; }
.HIS-List.Active:hover { background-position: -105px -8px; }

Upvotes: 0

Views: 27

Answers (1)

kdureidy
kdureidy

Reputation: 960

make .HIS-Magnifier style important

background-image: url(http://rafflebananza.com/RaffleBananza-NEW/Desktop/Assets/IMG/default/TopNav/IconSet.png) !important;

Upvotes: 1

Related Questions