Widths

Usage

Open Appearance → Customize → Styles → Widths to control how wide content can grow on large screens. Max Site Width caps the entire page shell; Content Width sets the standard reading column inside that shell. Gutters add horizontal padding so text and blocks do not touch the viewport edge.

Alignwide Min and Alignwide Max define the fluid range for Wide blocks (the alignwide layout). Hero Content limits how wide headline and copy can grow inside Hero blocks on desktop.

When to use it

• When standard pages feel too narrow or too stretched on large monitors — start with Content Width, then Max Site Width.
• After placing Wide background or gallery blocks that should breathe wider than body copy but not go full-bleed.
• When hero headlines span the whole viewport — lower Hero Content to keep lines readable over photography.

Tips

• Settings → General → Site Width (Full versus Wide) controls whether the header and footer span the viewport or stay within the wide column — pair it with Max Site Width and Content Width here.
• Gutters affect block side padding and alignwide math; increasing them adds air on mobile and desktop.
• Alignwide Min prevents wide blocks from shrinking below a useful width on medium screens; Alignwide Max stops them from growing past your art-directed ceiling.
• Hero Content applies on large breakpoints — mobile heroes still respect gutters and block padding.