Home › Forums › Exoplanet › different highlight color in header menu? › Reply To: different highlight color in header menu?
August 5, 2017 at 9:55 am
#1716
Andy
Keymaster
Hi, for the header menu hover color, add this in Customize > Additional CSS (changing the default color #b50b52 to your color choice)
.main-navigation a:hover,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
color: #b50b52;
}
.menu > ul > li > a:hover:before,
.menu > ul > li.current_page_item > a:before,
.menu > ul > li.current-menu-item > a:before {
background: #b50b52;
}
The ‘color’ variable is for the hover (and active/current page) text color, whereas the ‘background’ is the color of the block line above the menu items.