Drop down font color
- The topic ‘Drop down font color’ is closed to new replies.
Need help? Check out our Support site, then
Hello, the font color in the drop down menu matches the background of the drop down, so you can’t see text until you hover over the link. How may I change the initial font color, as well as the hover color?
As a temporary solution, I’m using the following code to change the background color to white, but I’d much rather change the font/hover colors.
.main-navigation ul ul li {
background: deeppink;
}
The blog I need help with is: (visible only to logged in users)
Hello pinkfeathrs
Thank you for writing and using Carmela.
We can’t check you site (it’s marked as a private and it asks us for a password).
Anyway, please, add this CSS to you site:
@media (min-width: 1200px) {
.nav-menu .sub-menu a, .nav-menu .children a {
color: #fff;
}
.nav-menu .sub-menu a:hover, .nav-menu .children a:hover {
color: #bacec3;
}
}
If it doesn’t work, we also can add “!important” if it was neccesary like the next example:
@media (min-width: 1200px) {
.nav-menu .sub-menu a, .nav-menu .children a {
color: #fff !important;
}
.nav-menu .sub-menu a:hover, .nav-menu .children a:hover {
color: #bacec3 !important;
}
}
Please, let us know if this solves your issue.
Thank you again.
Ricardo from SIloCreativo
The ‘important!’ code worked! Thanks so much.
Great pinkfeathrs
Happy to hear that.
If you have further question, please, feel free to ask.
Thank you again.
Ricardo from SIloCreativo