Home>Support>Custom colors for the FontAwesome Icon Set

Custom colors for the FontAwesome Icon Set

By brianWelch, 11 years ago. Last reply by Dave LeBlanc, 11 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].

Is it possible to adjust these colors?

I have been looking at the fontAwesome CSS etc, and before I risk wasting any further time, I thought I might ask to see if there was eitehr an easy way, or find out if it is impossible.

I suppose the hard work around would be to create wholy new icons and then adjust the CSS to point at the relavant file… but… boring to the Nth degree there.

Thanks

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

  1. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Brian

    You can adjust the color for any Font Awesome icon in Vantage via CSS. For example, if you are running the home menu link icon, the CSS to change that would be:

    /* Home Icon */

.icon-home:before {
color: red;
}
  2. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    To be clear that selector should be inserted under Appearance > Custom CSS.

    Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

  3. 11 years, 1 month ago brianWelch

    Thanks, I probably ought to have thought of that from the word ‘go’. But thanks for pointing that out for me.

    -Brian

  4. 11 years, 1 month ago brianWelch

    Update: I actually tweeked the icon widget php to add input fields for box-shadow, icon color and icon text-shadow if that is of interest. My ambitious amateur abilities only, not a pro. ;-)

  5. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Nicely done. Greg should be launching a widget soon called the Featured widget (or similar name) which is basically a stand-alone plugin with it’s own “Circle Icon” widget. It’s an expansion upon the current widget.

    Please make a backup of your work as I don’t believe that’s upgrade safe.

  6. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Here we go Brian, very recently launched, see what you think:

    http://wordpress.org/plugins/so-features-widget/

  7. 11 years, 1 month ago Dave LeBlanc

    Andrew,
    http://wordpress.org/plugins/so-features-widget/ is not a working link. Is Features widget you mentioned here in the new Widget bundle?

    • 11 years, 1 month ago Greg Priday
      Hi, I Work Here

      Yeah, you’ll find the features widget inside the bundle. Originally we wanted to have both the stand alone and the bundled version, but this was against the plugin directory rules, so we just went with the bundle option.

      https://wordpress.org/plugins/so-widgets-bundle/

  8. 11 years, 1 month ago Dave LeBlanc

    Thanks Greg, appreciate the reply. Going to download it now.

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