Decrease distance between service icons and header

Hi

As topic suggest I would like to decrease distanze between service icon and header of the service. How is this done with custom css?

Best regards

Hello there,

Add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


.widget_sydney_services_type_a .roll-icon-box .icon {
  margin-bottom: 5px;
}

Regards,
Kharis

Hi Kharis,

Thanks alot but I explained myself poorly. Its the distance between widget header and service icon I want to decrease.

Distance

Sorry for the inconvenience

Best regards

Hello there,

Use this code, please.


.widget_sydney_services_type_a .widget-title {
  margin-bottom: 10px;
}

To reduce the heading space on all page builder widgets, you can use this code:


.panel-grid-cell .widget-title {
  margin-bottom: 10px; 
}  

Regards,
Kharis

Perfect Kharis, thank you!