I need to change the menu link colour (on hover) from gold to my brand green colour. I believe this is happening because the gold colour is part of the dark skin palette? But I can't figure out how to change this. Please advise.
To make the Hotel demo more special we have added some CSS codes in the Appearance > Theme File Editor > Stylesheet (style.css) area. In this case, to change the hover and active color you just need to find those two CSS codes (see video):
/* Header: Menu Hover Color */
.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:hover {
color: #c39a2c !important;
}
/* Header: Menu Active Item Color */
.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.current-menu-item>a,
.main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:hover {
color: #c39a2c !important;
}
and change the #c39a2c to your own favorite color such as #00c661 for example.
You can also find all the #c39a2c codes and replace them with the color that you want. The other colors you can find in the Theme Styling area (read more).
Hello,
I need to change the menu link colour (on hover) from gold to my brand green colour. I believe this is happening because the gold colour is part of the dark skin palette? But I can't figure out how to change this. Please advise.
Thank you!
Alexandra
Hi Alexandra,
To make the Hotel demo more special we have added some CSS codes in the Appearance > Theme File Editor > Stylesheet (style.css) area. In this case, to change the hover and active color you just need to find those two CSS codes (see video):
/* Header: Menu Hover Color */ .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:hover { color: #c39a2c !important; } /* Header: Menu Active Item Color */ .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li.current-menu-item>a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:hover { color: #c39a2c !important; }and change the #c39a2c to your own favorite color such as #00c661 for example.
You can also find all the #c39a2c codes and replace them with the color that you want. The other colors you can find in the Theme Styling area (read more).
Have a nice weekend!