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.

Hover for font awesome

Open 1 reply theme theme-vantage

Mark Mason

11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 4 months ago
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.

Have a different question or issue?

Start New Thread