WordPress.org

Support

Support » Themes and Templates » [Resolved] How do i change the menu hover color and fade in/out effect?

[Resolved] How do i change the menu hover color and fade in/out effect?

  • I like this default theme, but how do i change the green color (when hover) to other color?
    and add fade in/out effect( e.g. from black to orange when mouse over and from orange to black when mouse out).

    thanks you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • There is a plugin called fourteen colors that help with color changes.

    And to animate all link color changes on hover, you can add the following Custom CSS:

    a { transition: all .2s ease; }

    add this to your child style.css:

    .site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
    color: #4eb4d5; // link color
    }

    .primary-navigation li:hover > a, .primary-navigation li.focus > a {
    background-color: #57f941; // link hover color
    }

    thanks you batharoy & Nick Halsey!
    It’s good solution 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] How do i change the menu hover color and fade in/out effect?’ is closed to new replies.