I would like to change the color of one of the buttons in a menu header. Can that be done with CSS? Right now, if I chose “Button Style (COLORED)” under Menu Style, the theme color is selected. I would like the button to be red, or #ca0003.
Please let me know if this can be done. The URL is esomethin.com/yoursource. The menu item I want changed is “ART REQUEST”.
Thanks,
Hey Kurt,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all #header #menu-item-511.av-menu-button-colored > a, #top #wrap_all #menu-item-511.av-menu-button-colored > a .avia-menu-text {
background-color: #ca0003;
}
#top #wrap_all #header #menu-item-511.av-menu-button-colored > a:hover, #top #wrap_all #menu-item-511.av-menu-button-colored > a:hover .avia-menu-text {
color: #FFF;
}
Best regards,
Vinay
Thank you, Vinay. Just what I needed.
kurt
Hi,
Glad to hear the issue is resolved :)
Feel free to reach out to us again on the forum if there is anything else you need assistance with.
Best regards,
Jordan