Modules
Section separator (Omni Pro)
This module ships in Omni Pro.
A slim row that introduces a section: An icon chip, image or label at one end, a dotted, dashed or solid line, and a button, HubSpot CTA or text link at the other end. Swap the sides, or drop the line and align the parts where you like. Available in Omni Pro.
On this page
Set up the content
- Content → Start of the line: Pick Icon chip, Image or logo, Label or None. A label can also sit beside the icon or image (Show the label beside the icon or image).
- Content → Line → Line style: Dotted, Dashed, Solid or None.
- Content → End of the line: A Button (link), a HubSpot CTA, a Text link with an arrow, or None.
Choose the look
| Setting | Options |
|---|---|
| Styles → Layout → Swap sides | Button on the left, icon on the right |
| Chip size, Icon size, Image width, Line thickness | Sizes in px |
| Alignment without a line | Where the parts sit when the line style is None: At the edges, left, middle or right |
| Styles → Text | Label font and text link color |
| Styles → Chip and line | Chip background, icon color, shadow and line color |
| Styles → Border / Corner | Chip border and corner radius (half the chip size or more gives a circle) |
| Styles → Spacing → Gap around the line | Distance between the parts and the line |
Good to know
- Place the separator directly above a section such as Scrolling cards and give both the same background, so they read as one block. The separator's default padding has no space below it.
- Background, module width, spacing and animation work the same in every module – see Backgrounds and Module width and inset panels.
More in this category
Keep reading
Support
Did this answer your question?
If not, write to us and say which page you were on.