Support » Theme: Smpl Skeleton » Active navigation chage to a different color

  • Resolved tora0515

    (@tora0515)


    Hello,

    It’s a bit lame, but I would like to know how I can change the css to make the navigation a different color for the current page and if so, how?

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi tora0515,

    To change the color of active navigation you have to add

    #navigation ul li.active a{
       color: color-of-your-choice;
    }

    To insert your css code you can either use custom css plugin or create a child theme and write css codes on its style.css file. Do not overwrite or write codes on your theme because they are removed on theme update.

    Thanks

    Thanks for getting back to me so quickly.

    I don’t think I described it correctly because this does not work:

    #navigation ul li.active a {
    color: #01346D;
    }

    What I am after is like the menu here:

    http://www.melbourneactuary.com/

    The active page’s menu li is a different color from the rest of the menu li.

    a link to the test site if it helps…(ignore the stupid add pop up)

    http://melbourneactuary.net63.net/

    Thanks again for taking a look.

    Sorry I was wrong. Please use following code

    #navigation li.current_page_item a{
    	color: color-of-your-choice;
      	background: color-of-your-choice;
    }

    Hope this works..

    Awesome, thanks,it just about does it.

    When I navigate to a sub-menu li page, how can I have the main menu’s li act the same way for each of the sub-menu pages I browse to?

    Theme Author simplethemes

    (@simplethemes)

    You should just be able to add the .current_page_parent class to @sampression‘s original:

    #navigation li.current_page_item a,
    #navigation li.current_page_parent a {
    	color: color-of-your-choice;
      	background: color-of-your-choice;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Active navigation chage to a different color’ is closed to new replies.