Padding Between Widgets in the Same Row + Column

Hi Mike

Each cell has a bottom margin of 30px. Because we’re looking to decrease just one cell’s bottom margin in a row it’s a little tricky.

I think the easiest will be to do this:

1. Edit the widget in question, click Attributes and insert the following class name:

custom-margin

2. Go to Appearance > Custom CSS and insert the following to target that class:

/* Page Builder Custom Styles */

.custom-margin {
margin-bottom: -25px;
}

Adjust the above value as required.

Hope that helps.

Ahh ok, that makes things much easier. To do this for all widgets in a row rather follow these steps:

1. Add the following to Custom CSS:

/* Page Builder */

.widget-custom-margin .panel-grid-cell .so-panel {
  margin-bottom: 5px !important;
}

Edit as required.

2. Edit the row in question by clicking wrench icon far right > Edit Row > Attributes, enter the class name in the Row Class field:

widget-custom-margin

Now all widgets in that row get the custom margin.

Hope that helps.