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

  • Resolved tora0515



    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?


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

    To change the color of active navigation you have to add

    #navigation ul 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 for getting back to me so quickly.

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

    #navigation ul a {
    color: #01346D;

    What I am after is like the menu here:

    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)

    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


    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.