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
10 years ago · Last reply by Andrew Misplon 10 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 10 years, 10 months 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 10 years, 10 months 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 10 years, 10 months ago

    Just a small change required to your Custom CSS:

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

    Hope that helps.

  4. TJCLearning 10 years, 10 months 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 10 years, 10 months 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