custom services icon

Illdy
1

how can I add custom services icons instead of choosing from the list of available ones?

2

Hi there

Hope you are having a good day and thank you for your question
I’m so sorry to say but that’s not possible without customization :frowning:

Thanks!
Colorlib Support Team

3

This question was asked here https://colorlibsupport.com/t/change-service-icons/

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

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

Which I have done however the image is not centered (it sits to the left). How do I ensure it is centered in all browsers like the previous icon was?

4

Just an update. I used the following code:

#illdy_service-7 .service-icon
 {content: url(http://inseryoururlhere.com);
	width: 150px!important;
	height: 150px!important;
	display: inline-block!important;
	}

I was able to make each service ie #illdy_service-7 have a different url. The display code helped centered it. Width & height can be changed to suit preferences. Hopefully this helps somebody looking to get custom icons!

5

Thank you for sharing information ?
I will close this case now, Feel free to contact us again if you have other questions Thanks!