Changing the color of an Icon

tgregory89 · January 2019

Hello,

I am wondering if if there is a way to change the color of an icon within the shortcode itself?

For Example:

[icon type="icon-facebook-squared" style="color:#ffffff;"] in this instant I would like for the icon to be white. But it is showing up as black on my webpage. And I only want to change the color on that page.

The link to the page is: http://theselfemployedtaxguy.com/instagram/

Thank you in advance for all of your help!

Pablo · January 2019

Hi,

Icon color is the same color as the "Text | color" in Theme Options > Colors > Content

But if you want to change the color of icon separately, then you have to use the Custom CSS.

Example:

i.icon-facebook-squared{
	color:blue !important;
}

Paste it to Theme Options > Custom CSS & JS > CSS

Thanks

tgregory89 · January 2019

Hello Pablo and thank you for replying...

Just to clarify, when you say to paste it in the Theme Options > Custom CSS & > CSS, is that done on the page in which the icons are on... or is it done on the entire site'c CSS?

Pablo · January 2019

Yes, it will change every icon on the website which will be inserted by this shortcode.

Do you want to change it only on this page?

Thanks

Changing the color of an Icon

Comments

This website uses cookies