Under Settings → Theme → Spacing & Layout you control the whitespace rhythm of the site, corner roundness, and how wide content runs.
Section spacing
The most impactful setting: the vertical gap between page sections (blocks). There are four steps — Small, Medium, Large (default), X-Large — and each block’s “Section Padding” control picks one of them. Change these to tighten or loosen the whole site’s rhythm at once.
Spacing scale
A numeric scale (1 → 24, roughly 4px → 96px) that margins, padding, and gaps throughout the storefront draw from. You rarely need to touch these — they’re the foundation the rest of the spacing is built on.
Border radius
How round corners are, from SM through XL and Full (pill). This shapes buttons, cards, inputs, and images site-wide. A larger radius reads softer/friendlier; 0 reads sharp/technical.
Layout & widths
- Content Widths (SM / MD / LG) — the named column widths blocks use for their “Max Width” option.
- Container Max Width — the widest your main content runs before it stops growing.
- Section Padding X / Y — the horizontal and vertical padding inside the container.
- Border Width — default thickness of borders.
Under Layout Options you’ll also find Content Max Width, Sidebar Width, Drawer Width (cart/nav slide-outs), and toggles for Container Blur and Gradient Backgrounds.
💡 Tip: To make the whole site feel more spacious, bump Section Spacing to X-Large rather than editing individual blocks.
Next: Buttons, cards & inputs.