This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

menu hover effects

Open 5 replies themetheme-focus
Sam L
11 years ago · Last reply by Andrew Misplon 11 years ago

Im looking to add some hover effects to my menu bar. can someone help me out with some css? thanks in advance. (im using focus premium)

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 1 month ago

    Hi Sam

    Add the following to Appearance > Custom CSS (Focus Premium) or your own Custom CSS plugin for Focus Free:

    /* Focus Menu Colors */

#masthead .site-navigation .menu-wrapper ul li a {
color: #fff;
}

#masthead .site-navigation .menu-wrapper ul li:hover > a {
color: #ccc;
}

    Edit as required.

    • Sam L 11 years, 1 month ago

      Hey Andrew that worked perfectly. Is there any way to make the highlight color stay on whatever page or category im on? Like as long as im on one it will stay that color

  2. Andrew Misplon Staff 11 years, 1 month ago

    Sure, try the following:

    #masthead .site-navigation .menu-wrapper ul li.current_page_item > a,
#masthead .site-navigation .menu-wrapper ul li.current_menu_item > a {
color: #fff;
}
    • Sam L 11 years, 1 month ago

      not working, not sure why

  3. Andrew Misplon Staff 11 years, 1 month ago

    Please send through a url with the Custom CSS in place and I’ll take a look. Thanks.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread