This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change roll over color in main navigation.

Open 3 replies themetheme-vantage
OMD-Pela
10 years ago · Last reply by Andrew Misplon 10 years ago

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

URL: http://www.openminddevelopments.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 9 months ago

    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 :)

  2. OMD-Pela 10 years, 9 months ago

    Thank you Andrew.

    What about the colors for the subnavigation items? What would be the rules for that?

    Thank you.

  3. Andrew Misplon Staff 10 years, 9 months ago

    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;  }

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread