Trying to change colour in menu bar

In your Child Theme or CSS Editor Plugin try this code:

.primary-navigation ul ul,.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
  background-color: #ff0000;
}

.primary-navigation ul ul a:hover {
  background-color: #ff4d4d;
}

.site-navigation .current-menu-item > a {
  color: #ff0000;
}

*Note
If your theme has a custom CSS Editor in it, you can also paste the code in there.

Never edit core CSS or PHP files, they’ll be deleted when the theme is updated.

Erik,
Do I add those lines of code at the end of what I already entered or do I replace everything by what you are giving me.

This is what I have in my custom css

.primary-navigation li:hover > a, .primary-navigation li.focus > a {
background-color: #ff0000;
color: #fff;
}
a {
color:#ff0000;
}
.search-toggle, .search-toggle:hover, .search-toggle.active, .search-box {
background-color: #ff0000;
}

.entry-meta .tag-links a:hover {
background-color: #ff0000;
}

.entry-meta .tag-links a:hover:before {
border-right-color: #ff0000
}

a:active, a:hover {
color: #ff0000;
}

Thanks for the help

What are you using to add your custom CSS? Jetpack or the plugin I showed you?

Simple Custom CSS

So yes just paste that code in there.

Here is a video explains how to do that.

https://youtu.be/LxOYyIqTE8Y

Ok.

So I add the code you gave me at the end of the code I already have is that correct?

Remove your code

.primary-navigation li:hover > a, .primary-navigation li.focus > a {
background-color: #ff0000;
color: #fff;

I already have that in my code… but otherwise yes

OK thanks I will give it a try

Excellent it works!

Thank you very much!

On a side note you can add this to make your title(s), meta, and widget links all red also.

.entry-meta a:hover, .entry-title a:hover, .widget a:hover {
    color: #ff0000;
}

Thanks!
I might have other questions for you later! ??