Hi, I would like to change the ACTIVE & HOVER TEXT COLOR of my main menu. This option is available in the Theme settings for the sub menu, but I also want this for the text color of the main menu hover. How can I apply this in the custom css?
My website is: http://test.majalla.nl
I want the main menu active & hover text color to be: #231803
So that the text color is white on the regular main menu background, but turns to black #231803 when the hover background color changes to orange. This would improve the contrast between text and background.
Could you help?
Hi,
For the text color on hover there is no setting indeed. So you want the text to be of that color when the menu item is hovered and active
– https://www.screencast.com/t/hkMdLXKChr4g
This code will color the active menu item text and on hover, enter it in Theme panel->Custom CSS section and it should work properly
.td-header-wrap .current-menu-item a,
.td-header-wrap .td-header-menu-wrap .sf-menu > li > a:hover {
color: #231803!important;
}
Thanks
Works like a charm. Thanks!
