How to change menu hover color?

  • Resolved almina89

    (@almina89)


    8 years, 6 months ago

    Hey everybody ..

    I have tried to change the background color of the fixed menu on my site https://www.optimalvikar.dk and the hoover color in the main menu – I would like it to be #B166B9 – but when i use the custom CSS nothing happens. I am using this code for the hoover:
    ′.main-navigation a {
    color : #FFFFFF !important ;
    }
    .main-navigation ul li:hover > a {
    background : #FFFFFF !important ;
    color : #B166B9 !important ;
    } ‘

    I am using a theme called tienda – I’m new to this – please help!

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

  • Hi,
    If I understood which menu you are talking about you have to use this

    .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #FFFFFF;
    color : #B166B9
    }

    Thread Starter almina89

    (@almina89)

    Hi

    Thank you for the quick reply. I want to change the color of the fixed top of the page – where the name, logo and menu are placed. It is grey right now.

    I tried what you said but now the hover color is white and not the purple color?

    Thank you for your help ??

    Hi,

    if you want to change the header that shows this background:
    https://www.optimalvikar.dk/wp-content/themes/tienda/library/images/backgrounds/crossword.png
    You have to use this:

    #header {

    background: red
    }

    of course you have to change the color instead red use what you prefer

    Thread Starter almina89

    (@almina89)

    Thank you so much! It worked just perfect!

    You are welcome,

    may I suggest to use this as well?

    .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #B166B9;
    color: #fff !important;
    }

    At the moment if I move the cursor on your menu the background is violet but the font is still grey and hard to read. With the code above you will put the text on white just when you move the mouse over the menu.

    Regards.

    Thread Starter almina89

    (@almina89)

    I was just about to ask you about that! thank you so much ..
    Do you know how to either make the jumbo header bigger and bolder or maybe how to make a see through box with the text on the header picture?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change menu hover color?’ is closed to new replies.