• Hello !

    I’m actually using this very good theme but I would like to change the color of the mouse hover effect in the navigation menu. It’s blue but I would like to use some red to fit my design … I tried to modify the style.css sheet but it didn’t work.

    Does someone have a tip for me ?

    Thanks !

Viewing 9 replies - 1 through 9 (of 9 total)
  • i have managed to do it by adding this to the custom css

    li#menu-item-121:hover
    {
    background-color: #666666;
    }

    this is for a single menu item

    obviously change the menu item and colour as you see fit

    For all items to be the same colour, add this to custom css

    .main-navigation ul li:hover a {
    background: #006dd9;
    color: #FFFFFF;
    }

    Hi solenn02

    This is a feature of the premium version in the Customizer (Appearance > Customize).

    Alternatively drop this into a Custom CSS plugin and edit as required:

    /* Menu */
    
    .main-navigation a {
    color: #e2e2e2 !important;
    }
    
    .main-navigation ul li:hover > a {
    background: #00bcff !important;
    color: #FFFFFF !important;
    }

    Kind regards

    Andrew

    Hello Andrew,

    I am building my first WordPress site using the Vantage theme. I want to change the mouse hover color. I downloaded the Custom CSS plugin. I am not sure how to modify the above code to get the lighter blue color I want. My website is faithinfashion.com

    Any feedback would be greatly appreciated!

    All the best,
    Dena

    Hi Dena

    The snippet I sent to solenn02 should be inserted into your Custom CSS plugin. The colors are hexadecimal: http://www.w3schools.com/html/html_colors.asp. #e2e2e2, #00bcff and #FFFFFF are the colors to be changed.

    For further assistance please find us on the SiteOrigin forums:

    http://siteorigin.com/thread/

    Thank you Misplon for your speedy reply!

    Success!

    With gratitude,
    Dena

    For sure. Glad we could help.

    Hi Misplon,

    I understand that you have helped with the same situations above but I think some things were different at that time cause I can’t find parallel answers.

    I go into the dashboard/appearence/editor

    from there which sentence should I change the #FFFFFF of the complete web page?

    Thanks again.

    Hi aslan.baris00

    Unless you’re working with a child theme please don’t make any changes from Appearance > Editor. If you’re running Vantage Free then you can use a plugin like Jetpack Custom CSS to insert the snippet above.

    As per the forum guidelines here on WP.org, please open a new thread for further assistance and we’ll be with you as soon as possible.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Change color hover menu’ is closed to new replies.