Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello,
I do not have the premium version of the theme, so I am trying to change the roll over color of the main menu in the css style sheet.
I have tried adding the following to the css style sheet but it isnt working:
#main-menu .menu ul li a:hover {
color: #B7C142;
}
What do I need to add to the css style sheet to change the rollover color?
Thank you,
Beth
Hi Beth
Thanks for reaching out.
All WordPress themes overwrite when updating so remember not to make any changes directly to theme files like style.css. If you do and later run a theme update, your changes will be lost.
Lots of options are included in the premium Customizer. You can upgrade from as little as $5. If you’d like to check that out, go to Appearance > Custom CSS.
The full set of CSS rules for the menu is pretty extensive. Here are the rules for the background and hover colors. You can insert them into a plugin like Simple Custom CSS and make changes there.
/* Menu */ .main-navigation { background-color: #dd3333 } .main-navigation ul li:hover > a, #search-icon #search-icon-icon:hover { background-color: #1e73be }Hope that helps :)
Thank you Andrew.
What about the colors for the subnavigation items? What would be the rules for that?
Thank you.
Sure, give this a try:
/* Vantage - Adjust color and opacity of drop down menu items and drop down menu hover */ .main-navigation ul ul { background: #dd3333; } .main-navigation ul ul li:hover > a { background: #1e73be; }