Change Service Icons

How can I change default icons for personalized icons on service widget?

I have six registered services and I would like to put a custom icon for each of them, since the system defaults did not fit my proposal

I’m still waiting for the solution.

Hello there,

The theme does not have the option to add anew icon built into it so you would have to manually add new code to the theme however adding this code falls outside of the realm of support we can provide.

However here is what you can do.

You will need to load your icon onto your website, replace it with the URL in the CSS below.

Please go to Appearance > Customize > Additional CSS and add the following code:

/Service icon replacement/
.service-icon {
content: url(http://placehold.it/350x150);
}

Best Regards,
Support

Please go to Appearance > Customize > Additional CSS and add the following code:

/Service icon replacement/
.service-icon {
content: url(http://placehold.it/350×150);
}

This changes all the icons to the same image, which is useless. How can I change each icon to a different image??

Hello there,

You need to change the content URL to a new url that is referencing the image you want to use.

Best Regards,
Support