Spacing and padding
Control a block's width and the space inside and around it.
Most page-body blocks let you control how much room they take up and how they sit against their neighbours. Some put these options on a combined Settings tab; newer blocks separate Padding from Layout and Appearance. Two controls do most of the spacing work:
- Padding is the space inside the block, between its edge and the content within it.
- Margin is the space outside the block, between it and the blocks above and below.
If a block feels cramped, add Padding. If two blocks are too close together, add Margin.
Padding
Padding has a Top and a Bottom control, measured in pixels. Some blocks also offer Left and Right. Any side can be set from 0 to 400px, in steps of 4px. Top and Bottom start at 24px; Left and Right start at 0.
Increase Top and Bottom to give the block's content more breathing room above and below. Set both to 0 to let the content sit flush against the block's edges.
Margin
Margin has the same Top and Bottom controls (and Left and Right where available), also in pixels from 0 to 400px in steps of 4px. Top and Bottom start at 10px; Left and Right start at 0.
Use Margin to open up or tighten the gap between this block and the ones around it. Check the live preview after changing adjoining blocks, because both blocks contribute to the space between them.
Width
The width control, on Settings or Layout depending on the block, sets how wide the block's content stretches across the page. A combined Settings tab commonly offers:
- Full Width: edge to edge across the whole screen.
- Content: the normal page content width most blocks use. This is the usual default.
- Narrow: a tighter column, good for focused text.
- Prose: a comfortable reading width for long passages.
- Custom: set an exact width in pixels with the Custom Width control (200–2000px, starting at 1200px).
Newer Layout tabs commonly use Full Width or Page, with Narrow and Custom where they apply. Not every block offers every preset.
Disable Container Padding
Turn on Disable Container Padding to remove the default side spacing so the block's content reaches the edges of its chosen width. Use it for full-bleed images or background colours that should run all the way out.
Colours and analytics
Some combined Settings tabs also hold colour controls. Newer blocks put colours on Appearance and reporting names on Analytics. See Colour scheme in blocks and Analytics keys.
Spacing vs. the gap between elements
Padding and margin act on the whole block. To change the space between the individual elements inside a block (the gap between stacked buttons, for example), use the block's layout controls instead.
Where to go next
Layout controls
Arrange the elements inside a block: direction, alignment, and the gap between them.
Colour scheme in blocks
Apply a theme colour scheme to a block instead of setting background and text colours by hand.
Page theme settings
Override your theme's site-wide spacing and colour defaults for a single page.