Home>Support>Hover for font awesome

Hover for font awesome

By Mark Mason, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I was able to see how to use a font awesome font for a link. I have tried several different CSS updates to get the color to change on hover but I have been unsuccessful. I followed the below article for updating a link to use font awesom.

https://siteorigin.com/thread/adding-a-menu-icon-to-a-custom-menu-link/?search_query=display font awesome for menu links&sqk=0e8fbe

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Mark

    An alternative approach would be to use this plugin: https://wordpress.org/plugins/menu-icons/. Perhaps check that out for a larger font selection.

    For your setup right now, the following under Appearance > Custom CSS should set the font color on hover:

    .main-navigation li:hover [class^="icon-"] {
color: #ffffff;
}

    Hope that helps.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More