change color of icons

[Cairs_nic]

Hi,

I’m using Font Awesome icons…is there a way to change the color of them, coding wise, other then editing them with a graphics program? Thanks.

[Harry]

Yes, you can change font color for all FontAwesome by add below code

#jas-content i.fa {color: #79c411;}

and change #79c411 with your color.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

I can’t figure out exactly where to place the new coding. Could you please tell me where? Thanks.

<span style=”color: #000000;”><i class=”fa fa-child” style=”font-size: 25px;” aria-hidden=”true”></i> Improve Joint Mobility</span>

[Harry]

Hi,

The code i suggest will apply for all font icon and add to JanStudio > Theme Option > General Layout > Custom CSS, if you want apply for separate icon, please change your code to

<span style="color: #000000;"><i class="fa fa-child" style="font-size: 25px;" aria-hidden="true"></i> Improve Joint Mobility</span>

and add to your content.

If you want change color just change “color: #000000” to “color: #79c411”

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Great thanks.

[Author]

Posts