Divider block
The Divider block draws a horizontal line in Highlight's Flex sections, with height, width, color and style settings.
Applies to: Highlight 4.1.0 and later. Added in: Highlight 4.0.0. Last checked: 2026-10-13 against Highlight 4.1.0.
The Divider block draws a horizontal line between the other blocks of a card, with its own thickness, length, color and line style.
Where to find it: Online Store → Themes → Customize → select a Card (Flex cards section) or a Text card (Flex grid section) → Add block → Divider.
Size
- Height sets the thickness of the line, 1 to 10 px. Default: 1 px.
- Width sets its length: Small (50 px, the default), Medium and Large (100 px each), or Maximum (the full width of the card's text area).
Divider Design
- Color sets the line color. Default: black (
#000000). - Style draws the line Solid, Dotted, Dashed or Double. Double needs a Height of 3 px or more to show two lines.
Why do Medium and Large look the same?
In Highlight 4.1.0 both are 100 px long. Use Maximum for a line across the whole card.
How do I add space without a line?
Use the Empty space block. It adds a gap of 0, 20 or 40 px without drawing anything.
All Divider settings
Every setting, with its type and default.
Height (slider 1 to 10 px, default: 1 px): Sets the thickness of the line.
Width (dropdown, default: Small): Sets the length of the line: Small 50 px, Medium and Large 100 px, Maximum the full width of the card's text area. Options: Small, Medium, Large, Maximum.
Divider block: Divider Design
Where to find it: Divider → Divider Design
Color (color, default: #000000).
Style (dropdown, default: Solid): Sets the line style. Double needs a height of 3 px or more to show two lines. Options: Solid, Dotted, Dashed, Double.
Related pages
- Empty space block: a gap between blocks.
- Blocks: every theme block.
- Card: the card that holds the blocks.