Rollover color

I have another question

How can I add a rollover color to the primary menu words (top horizontal menu)? I have set the backgrond to a dark red color, and the primary color is the same dark red… so when the cursor rolls over those links, they disappear. I’d like to make them a gold color, or white (when rolled over)

Your help is appreciated!


Hello Heatherita,

I will be glad to help you, but can you please provide a link to your website?

Kind Regards, Roman.

The site isn’t live… per client request I cannot make it public yet…

Okay Heatherita,

Please try to use the following CSS code to change the hover color of main menu items.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard -> Appearance -> Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.main-navigation a:hover {
    color: white !important;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

thank you!! that’s exactly what I needed :smiley:

You are welcome Heatherita!

Kind Regards, Roman.