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.

Font Awesome – changing color

Open 5 replies premiumthemetheme-vantage
TJCLearning
11 years ago · Last reply by Andrew Misplon 11 years ago

Hello,
Yesterday morning (Eastern time: April 22), I updated Vantage theme for the company website.
Since then, I wouldn’t be able to change individual FA icons using custom CSS which used to work just fine.

I used to add,

.icon-remove {
color: red;
}

but it won’t work anymore. Please help me change colors for individual icons on the website….

URL: http://www.inlogic.ca/pricing/

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

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Daniel Staff 11 years, 1 month ago

    Hi TJCLearning

    Would you mind pointing out the exact icons? From there it will be easier to provide a tested solution

    Looking forward to hear from you.

  2. TJCLearning 11 years, 1 month ago

    Exact icons that I want to use with different color is:

    fa fa-remove (color to red)
    fa fa-check (color to green)

    Going forward, I would like to utilize the FA across the website since I found it very useful to display the various expressions.

    Thanks for your quick turnaround and I’m looking forward to resolving this issue soon.

  3. Andrew Misplon Staff 11 years, 1 month ago

    Just a small change required to your Custom CSS:

    /* Pricing & Features icon */
.fa.fa-remove {
color: red;
}

    Hope that helps.

  4. TJCLearning 11 years, 1 month ago

    This is great!!! It’s working now. Thanks a million.
    Have a question though. If you update the theme later, should I manually modify the css again?

  5. Andrew Misplon Staff 11 years, 1 month ago

    Super, glad that helped.

    Please find our Custom CSS tutorial here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/. As long as your CSS snippets are stored at Appearance > Custom CSS you’re upgrade safe. The entire theme folder is overwritten during update so ideally the theme shouldn’t ever be edited directly via Appearance > Editor.

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