Spacer Section
File:
sections/spacer.liquidTemplates:
page.people.json

Description
Spacer Section
Renders configurable vertical whitespace with an optional horizontal rule. Useful for separating content sections in page layouts.
Features:
- Three padding sizes: small (py-2), medium (py-4), large (py-8)
- Optional centered horizontal rule
- Configurable rule width: small (4xl), medium (5xl), large (7xl), full
Settings:
- padding (select) — Vertical padding size, default “medium”
- show_rule (checkbox) — Whether to display an hr element
- rule_width (select) — Width of the hr element, default “full”
Blocks: None
Snippets Used: None
Dependencies: None
Tailwind Status: Full All spacing, borders, and layout use Tailwind utility classes.
Settings
| ID | Type | Label | Default | Info |
|---|---|---|---|---|
padding | select | Padding | medium | |
show_rule | checkbox | Show Rule (hr) | ||
rule_width | select | Rule Width | full |
Presets
- Spacer Section
Usage
This section can be added via the Shopify theme editor.
{% section 'spacer' %}