Customize service icons


How can I customize my Service Icons? I want them to be bigger and maybe bold and in different Colors.

Thanks a lot!


Please try to use the following CSS code to make those icons larger.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.widget_sydney_services_type_a .icon i {
    font-size: 36px;
    padding-top: 30px;

.widget_sydney_services_type_a .roll-icon-box .icon {
    width: 100px;
    height: 100px;

You can’t easily set different colors for each icon, they have not unique classes or IDs.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

With that Code My Icon Looks Bigger and Bolder but I need to increase the line weight of those circles and I cannot change the color of those icons.Any Help Would be appreciated.

Hello Baladetamil,

Can you please create a new topic for your issue in order to make it easier to help you?

Kind Regards, Roman.

Yes Roman Done as You Said…

The Topic is here…


Great, thank you! :slight_smile:

Kind Regards, Roman.