Menu mouse over colour

Hi, when I mouse over my menu and also the “Account” button on the top right, the white font turns black. Or when I am on a particular page, the menu item where I was on, is also black in colour.

Any idea how do I change that?

Thanks in advance!

Good morning

Why and how you want to change this normal behavior?
include link to the page

Hi Noda,

The URL is

The font is white and the background is black. When mouseover or on the menu item, the font changes to black as well. I’ve attached the images (a is the Account button in highlighted state and b is the menu item in highlighted state).



I hope you are doing well today.

You can use the following CSS code to change the text hover color by going to Appearance > Customize > Additional CSS and pasting it there.

.sf-menu > li.sfHover > a:hover, .sf-menu > li > a:hover {
    color: white;

Best Regards,

Thanks for the CSS code.

I have one more slight issue.

The “current” page on the menu is still black in color and the default social widget (at the bottom of the page) also has the same issue of “blacking-out” when hovered.

Thanks in advance!

Hey there

Try this code to fix curent menu item problem:

.sf-menu > li.current-menu-item > a {
color: #d0d0d0;