0

I'm building a wordpress theme. my menus are getting classes from wordpress, like: .current-menu-item, .current_page_item & I'm using them to customize my active menu background color:

.current-menu-item a, .current_page_item a {
    background-color: #ffef38;
}

but the problem is I've a secondary menu in footer, which is getting this style from css too. css for my footer is quite simple:

#footnav {
    float: right;
}

#footnav li {
    display: inline-block;
    border-right: 1px solid #fff;
    padding: 0 0.5em;
}

#footnav li:last-child {
    border-right: none;;
}

so my question is, how can I remove the active menu styles from my footer menu only?

1 Answer 1

1

Either configure the styles to whatever you want on the footer:

#footnav .current-menu-item a, #footnave .current_page_item a { background-color:transparent; }

or make your initial selector more specific:

nav.myclass .current-menu-item a, nav.myclass .current_page_item a {
    background-color: #ffef38;
}

Since you sound like you're just concerned about the styling, I wouldn't think about touching the PHP that actually generates those classes in the first place, since they may be relied upon for other things (e.g. javascript.)

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.