Divider

The Divider block draws a horizontal line across the page to set one section apart from the next. It has no wording or media of its own — just a rule you can size, thin out, round off, and position.

Reach for it when two stacked sections need a clear visual break, or when you want a short accent line under a heading. You can add it anywhere in the page body or footer, and also inside the Group and Rich Text container blocks.

Appearance

All of the divider's controls live on the Appearance tab.

• Width — Full runs the line edge to edge across the screen; Page keeps it inside the page's content area. Default: Full.
• Alignment — Left, Center, or Right. Default: Center. This appears only when Width is set to Page, since a full-width line has no extra space to sit within.
• Thickness — how heavy the line is, from 0.5 to 5 px in 0.5 px steps. Default: 1 px.
• Corners — Square for flat ends or Rounded for softened ends. Default: Square.
• Length — how far the line stretches across the space available to it, from 1% to 100%. Default: 100%.

The line takes its colour from the block's colour scheme, so it follows your theme, but you can override it with Custom Colors.

Shared controls

By default the divider has no spacing above or below it, so it sits tight against the blocks around it. Add breathing room from the standard Padding tab.

• Spacing and padding — the margin and padding around the line.
• Colour scheme in blocks — how the line colour follows your theme.
• Analytics keys — tag the block for reporting.

Example

A short, centred accent rule under a heading:

Where to go next