Support » Theme: Twenty Fourteen » How do i change the menu hover color and fade in/out effect?

  • Resolved Cheung Tat Ming

    (@tatming)


    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)
  • batharoy

    (@batharoy)

    There is a plugin called fourteen colors that help with color changes.

    Nick Halsey

    (@celloexpressions)

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

    a { transition: all .2s ease; }

    Trisha.Blogs

    (@trishablogs)

    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 ‘How do i change the menu hover color and fade in/out effect?’ is closed to new replies.