Hi guys,
I´m using the following code to change the colour of the main menu text on a certain page:
.page-id-483 a .avia-menu-text{color:#000000!important;}
which works great but I also have a fullwidth submenu on this page and from what I can work out this code is also colouring the text of the submenu too. I´d like to give the submenu a different colour and I´ve tried using the following code:
.page-id-483 #top .av-subnav-menu li a {color:#ffffff!important;}
however the first code over-rides this one and the effect I´m after isn´t happening. What adjustments can I make in order to achieve what I´m looking for?
Thanks a lot!!
Hey ProTravelGolf,
Would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)
Don’t forget to bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)
Best regards,
Vinay
Hi ProTravelGolf,
Try the code like this:
.page-id-483 .main_menu a .avia-menu-text {color:#000000!important;}
If you need further assistance please let us know.
Best regards,
Victoria
Victoria,
That’s worked perfectly! Thank you so much!
Hi,
I’m glad you got this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon