How to resize the icon field on my service page

How to resize the icon field on my service page?

Hello there,

You could use the below custom CSS code:

    .svg-container.service-icon-svg {
      width: 120px;
      padding-top: 120px;
    }

    .service-icon {
      line-height: 120px;
    } 

Regards,
Kharis

Hmm, I mean in a row can contain 4 columns of icons, how do that Kharis?

Hello there,

Please try this CSS code:

    @media only screen and (min-width: 992px) {
      
      .widget_perth_services_type_a .service.columns3 {
        width: 24.7%;
      }
      
      .widget_perth_services_type_a .service:nth-of-type(3n+1) {
        clear: none;
      }  
      
      .widget_perth_services_type_a .service:nth-of-type(4n+1) {
        clear: left;
      }
      
    } 

Regards,
Kharis

Ok! it’s working Kharis!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis