Fa-icons

Hi Vlad,

I would like to know how I can change only the colour of the fa-icons and not the entire widget, so editing the color in ‘edit row’ doesn’t work. Can you help me with this?

Hi,

Can you please clarify exactly in which widget you want to modify the color of the fa-icons? or you want to change it everywhere on your site?

Also, please post a link to your website.

Best Regards,
Csaba

Hi Csaba,

I want to change the icons in the Services type A widget. My website if unfortunately not yet online so I can’t post a link.

Hi,

You can change the color of the icons only on the Services type A widget with this Custom CSS:

.widget_sydney_services_type_a .fa {
    color: #000 !important;
}

If you have setup a Child Theme already, then add the above CSS to style.css of your Child Theme or you can use this plugin to insert the CSS and you will not loose it on theme updates: https://wordpress.org/plugins/simple-custom-css/

Please let me know how it works.

Best Regards,
Csaba

Hi Csaba,

Thanks for your quick reply. This indeed changes the color of the icons in Services type A. Is there a way to also change the color of the circle that surrounds the icons?

Besides the color of the circle around the fa-icons in Services type A, I have one more question. Is it possible to change just the colour of the names of people who have written testimonials for you?

Thanks in advance.

Hi, I can’t see the fa-icons on my website. All I see is that instead of the actual icon, a square appears. This is happening for all the fa-icons that I have on the website.

https://www.myweddingbeats.com

Hello,

even if the topic is old and might got lost, to change the circle use this code:

.roll-icon-box .icon {
  border-color: #aabbcc;
}

Choose the color you want.

@denitthomas, I don’t know what’s wrong, I can see your icons.
For the fontawesome icons it’s important that they have got the font-family: FontAwesome;