-
Posts
-
Enfold theme: I would like the main nav text to be a different color than the sub-menu text. The current sub-menu coloration is fine as is.
When I added – #avia-menu .avia-menu-text {color: #006BA4;} to the CSS, it obviously colors both since .avia-menu-text is the class for both. I’ve not found a compound path that works to separate the two. Can you help?
Hi Blaise!
Yes, use this code to target the sub-menu only:
#avia-menu .sub-menu .avia-menu-text {color: #006BA4;}Regards,
JosueThanks. But my revision also kills the rollover text color – I have this currently and it does not solve it:
#avia-menu .avia-menu-text {
color: #006BA4;
}#avia-menu .sub-menu .avia-menu-text {
color: #808080;
}.avia-menu-text a:hover {
color: #000;
}Thoughts?
Hi!
This will target the rollover text color on the sub-menu items only:
#avia-menu .sub-menu .avia-menu-text a:hover { color: #808080; }Regards,
JosueI tried that and it didn’t work. I currently have this code (and no other CSS styles concerning these menus):
#avia-menu .avia-menu-text {
color: #006BA4;
}#avia-menu .sub-menu .avia-menu-text {
color: #808080;
}#avia-menu .sub-menu .avia-menu-text a:hover {
color: #000000;
}
I was actually going to set the hover to black for both the parent and sub menus…Hi!
This will work for the hover:
a:hover .avia-menu-text { color: black !important; }You can also use this for further customization.
Best regards,
Josue
- The topic ‘Color main nav different from submenu’ is closed to new replies.