I would like to change the button color of an item on my main menu from blue to orange (#e8b04e).
I tried the CSS from this thread: https://kriesi.at/support/topic/change-the-color-of-a-highlighted-menu-item/
But that didn’t work for this site
Thanks
Hey Ryan,
Please try the following in Quick CSS under Enfold->General Styling:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background-color: #edae44;
color: #ffffff;
border-color: #edae44;
}
Best regards,
Rikard
Hi Rikard,
Thanks for your reply, but that didn’t work either. I’ve included more details in private.
thanks,
Ryan
Hi Ryan,
Thanks for giving us admin access.
It seems that the problem is more of a caching issue, I have disabled CSS File Merging And Compression in Enfold > Performance to fix this.
Also, you can change those colors in Advanced Styling, just change the colors in Menu Item Button.
Please review your site.
Best regards,
Nikko
Thank you Nikko, that worked! I’ve reviewed the site and everything looks great.
Are there any site speed / SEO concerns for disabling CSS File Merging And Compression?
Hi Ryan,
I don’t think you will have any issues with SEO or speed since the size of the CSS files loaded is small.
Though I would suggest enabling it a few days from now or probably a week.
Best regards,
Nikko
Excellent, thanks! You can close this out.
Hi Ryan,
We’re glad that we could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko