- Posts
I am using the theme florentine and I have a menu set to the above header location. My problem is that the menu font color is white and the background is very light so you cannot read the font. I believe I will have to change this by adding a couple lines of to the Custom CSS Editor. Here is what I have added, but it does not seem to be doing anything:
.secondary-menu {
color: black;
}
Please help! What am I doing wrong?
Hello Mbrooks,
Apologies for the delay in getting you an answer for the issue. You almost had it actually. It was just a matter of drilling down a little bit more. I spoke with one of the developers to see what needed to be changed and this is what he stated:
.secondary-menu li a:hover, .secondary-menu li a:focus {
color: blue !important;
}
.secondary-menu li a {
color: red !important;
}It does need to be in the CSS editor. Remove the previous item you entered. The menu links have two colors. One for the color, and the second for the hover color. Since custom overrides won’t inherit colors in the customizer anyways – you can just throw !important there (as per the code above). so that makes secondary menu red and when you move mouse over it or toggle focus it is blue.
I hope that helps to answer your question!
The above response to the query helped me too for the primary menu. Thanks a lot for the code.
- The topic ‘Custom CSS to Change Menu Font Color for Menu’ is closed to new replies.
