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].
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….
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.
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.
Just a small change required to your Custom CSS:
/* Pricing & Features icon */ .fa.fa-remove { color: red; }Hope that helps.
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?
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.