Change the color of the selected page in navigation bar

  • Resolved bonbontamura

    (@bonbontamura)


    10 years, 10 months ago

    First my BIG thanks to the developer, who already created this awesome theme and for free at all:)

    I have one question (I did already search before, but I was unable to solve the problem.
    I’d like to set a color of the selected page in navigation bar (the main page, not sub)
    I tried to put this in my child style.css:
    nav#main-nav > ul > li > a.selected {color: #ffc0fe;}
    but the color didn’t change.

    Could you help me please

    thanks in advanced

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author alex27

    (@alex27)

    Hello!

    Your code won’t work, because there’s no ‘selected’ class added to <a> element representing current page. There’s actually not one class, but three that are added depending on menu hierarchy, and they are added to <li> rather than <a>.
    The CSS rule would look something like that:

    nav#main-nav > ul > li.current_page_item > a { color: # #ffc0fe; }
nav#main-nav > ul > li.current_page_ancestor > a { color:  #ffc0fe; }
nav#main-nav > ul > li.current-menu-item > a {  #ffc0fe; }

    I think I’m gonna implement this in next theme update ??

    Thread Starter bonbontamura

    (@bonbontamura)

    thanks alot for fast reply and the great answer. I really appreciate it.
    you saved my life. I spent at least 2 hours to find the solution but with no success.

    once again, you did a great job and give a 5 stars support, thanks alot!

    regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change the color of the selected page in navigation bar’ is closed to new replies.