<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=241066823005528&amp;ev=PageView&amp;noscript=1">

Shared controls

Spacing and alignment

On this page

Spacing

Styles → Spacing → Padding and margin controls the space inside and around a section. Most modules also offer spacing for their parts, such as Gap between cards, Card inner padding or Gap between columns.

Alignment

  • Text alignment (Styles → Text) aligns headings, text and buttons.
  • Alignment (Styles → Alignment) positions a block – for example the heading row, a grid that is narrower than the page, or content inside a tall hero.

Swapping sides

Two-column modules have Swap sides (Text and media split, Hero banner, CTA Band, Content switcher and Testimonial quote). Choose Mobile order to decide which part comes first when the columns stack on small screens.

Good to know

  • Check every change in the editor's mobile preview. Columns stack below about 768–900 px depending on the module.

Support

Did this answer your question?

If not, write to us and say which page you were on.