Space between widgets in home page

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

#custom_html-6 {
  padding-top: 0 !important;
} 

Regards,
Kharis

Hello there,

You can apply the same CSS to other element. The first thing to do is find the ID name of the respected element. You can use web browser’s inspector tool.

So you can apply this code:

#custom_html-13 {
  padding-top: 0 !important;
}

As there’re more that one identical styles, you can simplify your code to become like this:

#custom_html-6,
#custom_html-13 {
  padding-top: 0 !important;
}

Regards,
Kharis

To manage all home widgets’ spacing at once, you can use this CSS code:

.page-template-page_widgetized section.widget {
  padding-top: 20px !important;
} 

.page-template-page_widgetized section.widget {
  padding-bottom: 20px !important;
}

I’ll report it to our developer as there might more efficient way to control them over customizer.

Regards,
Kharis