Skip to Content
DocumentationSectionsDivider

Divider

A simple horizontal line to visually separate content sections on a page. Customize the thickness, width, alignment, and corner style.

Live demo store theme editor screenshot of the Fit Check Divider section.
Live demo-store editor capture showing the mounted Divider section with line width, color, spacing, and alignment controls.

Configure the Section

  1. In the theme editor, click Add section.
  2. Select Divider.

Section Settings

SettingDescription
Background colorSet the section background or leave blank to inherit the global page background. The divider line inherits the foreground color.
Section widthPage width or Full width. Default: Page width.
ThicknessLine thickness. Range: 0.5–5px.
Corner radiusSquare or Rounded line ends.
WidthHow much of the available width the line fills. Range: 5–100%.
AlignmentLeft, Center, or Right.
PaddingUse one all-sides value or set top, bottom, left, and right independently. Range: 0–100px.