In editing wordpress theme I am having these types of issues. Here is html code:

<nav id="site-navigation" class="main-navigation span8" style="margin-top:30px" role="navigation">

And here is the CSS:

#site-navigation li a, #site-navigation li.home.current-menu-item a {
    color: #efa9bd !important;
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #fff !important;
    font-weight: bold;

I just want to override .main-navigation attributes over #site-navigation attributes.

Read more here: How to override css using class over css using id?


If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Related Wordpress search:

, ,

Wordpress related questions and answers: