Spacing and padding
Use the Settings tab to control a block's width, padding, margin, and colours.
Nearly every block has a Settings tab that controls how much room the block takes up and how it sits against its neighbours. Two spacing controls do most of the 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. The same tab also holds the block's width and colour controls, covered below, along with its analytics keys.
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. When two adjacent blocks each carry margin, the larger of the two values sets the gap between them.
Pulling a block upward
On Masthead blocks, the top and bottom margins can go below zero (down to −100px). A negative top margin pulls the block up so it overlaps the block above it — useful for sitting content over the bottom of a banner image.
Width
On the Settings tab, the width control sets how wide the block's content stretches across the page:
- 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).
Not every block offers every preset; the smallest set is Full Width and Page. Some blocks, such as mastheads, expose a reduced set — Page, Narrow, and Full — and label the edge-to-edge option Full rather than Full Width.
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
The same tab holds the block's colour scheme and per-block colour overrides — see Colour scheme in blocks.
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.