• Resolved shanshine

    (@shanshine)


    Hello,

    I am trying to add a color hover to the navigation bar. It should only affect the background-color of the menu-item.

    I could do it within the dropdown menu but couldnt’t do it above.

    I would be really happy if anyone could help me on this.

    My theme is twenty twelve and the WP version is 4.8.3.

    Best wishes and thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,
    you may use below code to color the text of the menu.

    
    .main-navigation li a {
        color: #13203a !important;
    }
    

    Let me know if it works.

    Thanks.

    Thread Starter shanshine

    (@shanshine)

    Hi,
    Thanks a lot that worked ??
    But what I meant was that I’d like to change the background color of the area (not the whole menu bar but only the “button”).
    This should then appear at mouse over / hover.
    Do you know what I mean?
    Thanks a lot!
    ??

    
    .nav-menu {
        background-color: #33ffee !important;
    }
    

    above code will change the menu area background color.
    If its not your proper solution then please give the screenshot about what you want.
    I will try to help you.

    thanks.

    Thread Starter shanshine

    (@shanshine)

    .main-navigation li a:hover {
        background: black;
    }

    I mean this sort of change in color in the background of the ‘buttons’.
    Sort of figured out how to change the color but now it’s still too narrow and only around the text.

    Do you have a recommendation on how to define the space so that on roll-over it acts more like a button from the appearance?

    Hope you know what I mean.

    Here’s a screenshot:
    https://ibb.co/ceNFYG

    Thread Starter shanshine

    (@shanshine)

    thank you!!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Twelve: Menu Color-Hover’ is closed to new replies.