Changing color of current Primary Menu Topic

  • Resolved wilkey925

    (@wilkey925)


    8 years, 3 months ago

    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 8 years, 3 months ago by wilkey925.
Viewing 3 replies - 1 through 3 (of 3 total)

  • 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 ??

    Thread Starter wilkey925

    (@wilkey925)

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

    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.