Change color and size of fa-icons in the Features widget

Shapely
1

Hi Guys

I am using a lot of fa-icons on my website and in the features widget on my homepage but they are all appearing blue (screenshot attached).

My two questions:

  • How can I change the color of the icons to let's say Slate Gray?
  • How can I make the size of the icons smaller, because they are too large right now?

My website is www.youngurbanguy.com

Thanks!

2

Hello there,

I hope you are doing well today.

I checked the site and you seem to have already changed the color but the size remains to be changed.

You can use the following CSS code to change the icon size by going to Appearance > Customize > Additional CSS and pasting it there.

/*Icon size*/
.textwidget.custom-html-widget img {
    width: 30px;
}

Best Regards,
Support

3

Hi Thanks for your reply.

I could not actually change the color of the fa-icons. I replaced them with PNG images.

Could you tell me how to change the color? I would like to use fa-icons instead of the PNGs.

4

Hi,

Please change the image to icon and ping us back, we will provide you with the Customized CSS snippet that will change the color.

Let us know,

Thanks,
laranz.

5

I would be really happy to know how to change the color of the icon as well :slight_smile:

6

Hi @stesisio,

Can you give us your website address, so that we can check and give you a Custom CSS.

Let us know,

Thanks,
laranz.