changing top nav hover color

  • Hi,
    I’m using the wen corporate theme and I can’t figure out how to override the chocoloate, brown hover color in the nav bar. I’d also like to remove the underline in the subnav under portfolio item. I’ve tried to change this in the stylesheet of my child theme but can’t get anything to work. site.
    Can anyone help with some code?

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

  • To change the nav menu hover color Change the color value from chocolate.css file. I tested via firebug, it works. 

    .main-navigation li a:hover, .main-navigation li.current-menu-item a, .main-navigation li.current_page_item a {
        color: #000000;
    }
    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    that worked. thanks so much!
    do you know any code I could use to stop the chocolate color background highlight in the drop down menu from the nav bar.. under portfolio?

    Change the color value from background-color property in chocolate.css file. Hope it works. ??

    .main-navigation ul li ul li a:hover {
    background-color: #000000;
    color: #ffffff;
    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    It works, thanks so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘changing top nav hover color’ is closed to new replies.