Contents

Row Margin

Space around the outside of the row band.

Where to find it
Labelled Margin in the "Entire Row" section of the Modify drawer.
Per device
Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
Underlying CSS
margin

In plain English

Margin pushes neighbouring rows (and the page edges) away from this row. It does not change the space inside the row — that is Padding.

You can set every side the same, or tune top, right, bottom, and left separately, including per device.

When you would use it

  • You want breathing room between stacked sections.
  • A row should sit inset from the sides of the widget.

How to change it

  1. Click any column in the row, then open "Entire Row" in the Modify drawer.
  2. Open "Margin" and set the sides you care about. Use "Same value for all resolutions" when phone, tablet, and desktop should match.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.

Watch out for

  • Margin on the row is outside the row. Padding is inside. Column margin is a separate setting on each column.

Related settings

For developers

The technical reference for what this setting produces: MDN: margin. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.

Where to go next