Skip to content

Spacer Section

File: sections/spacer.liquid

Templates: page.people.json

Spacer Section

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

IDTypeLabelDefaultInfo
paddingselectPaddingmedium
show_rulecheckboxShow Rule (hr)
rule_widthselectRule Widthfull

Presets

  • Spacer Section

Usage

This section can be added via the Shopify theme editor.

{% section 'spacer' %}