Skip to main content

Divider

A horizontal separator, optionally with text or an icon. Tabs: Content, Layout, Styling, Animations, Advanced.

Divider on the Page Builder canvas

Content​

Divider options panel — Content tab
OptionChoices
Ruler TypeLine / Divider, Whitespace
Line DesignStandard (Solid), Gradient Fade, Ornamental / Glyph, Inner Shadow
Add ElementNone, Text / Title, Icon
Divider TextShown when Add Element = Text
Select IconShown when Add Element = Icon
Content AlignmentCenter, Left, Right
Height (px)Thickness / whitespace height
Screenshots — line designs

Capture each Line Design and the text/icon variants: divider-solid, divider-gradient, divider-ornament, divider-shadow, divider-with-text, divider-with-icon.

Layout​

Divider options panel — Layout tab

Margin Top/Bottom, Width (%), and spacing controls.

Styling​

Divider options panel — Styling tab

Line Color, Icon Color, Divider Text Color, Background Color, and Margin & Padding.