Changing the color of an Icon

tgregory89

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tgregory89

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next