Twenty Fourteen
[resolved] How do i change the menu hover color and fade in/out effect? (5 posts)

  1. Cheung Tat Ming
    Posted 2 years ago #

    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.

  2. batharoy
    Posted 2 years ago #

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

  3. Nick Halsey
    Posted 2 years ago #

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

    a { transition: all .2s ease; }
  4. Trisha.Blogs
    Posted 2 years ago #

    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

  5. Cheung Tat Ming
    Posted 2 years ago #

    thanks you batharoy & Nick Halsey!
    It's good solution :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic