Support » Theme: Canard » Changing color of current Primary Menu Topic

  • Resolved wilkey925

    (@wilkey925)



    Standard Canard website that I cannot make public yet, however I have the Primary Menu set up as Home – Category1 – Category2 – Category3

    On the homepage Home is selected and in red. If I click Category1 it will show all the blog posts as it’s supposed to, but now Category1 is highlighted in red. What is the custom css code so that can I change the color of that red to either not change or to be something else.

    Thanks

    • This topic was modified 2 years ago by  wilkey925.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Chad

    (@shireling)

    Hi there!

    The navigation colors are set to change to show the item you are hovering over, as well as the page you are currently viewing.

    Here’s a CSS snippet that should change the color for each of the different menu states:

    .main-navigation .menu-item-has-children>a:after,
    .main-navigation .current_page_item>a,
    .main-navigation .current-menu-item>a,
    .main-navigation .current_page_ancestor>a,
    .main-navigation a:active,
    .main-navigation a:focus,
    .main-navigation a:hover {
    	color: #222;
    }

    #222 is the default color, so there won’t be any color change at all if you use that. Or you can replace it with a different color code instead 🙂

    • This reply was modified 2 years ago by  Chad.
    wilkey925

    (@wilkey925)

    That did it! Thank you very much, appreciate the quick help!

    Chad

    (@shireling)

    Yay! Happy to help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing color of current Primary Menu Topic’ is closed to new replies.