Where to find it
In Online Store → Themes, open the unpublished theme editor, choose a compatible template, then Add section → Divider. Availability follows the selected template and section group.
Set it up
- Add Divider between the sections that need a visual break.
- Choose Section width, then adjust Custom width and alignment when using the custom-width option.
- Set Divider spacing and Divider thickness; review the line's color scheme against both neighboring sections.
Main settings to review
| Setting | Choices or control |
|---|---|
| Section width | Page width · Full width · Custom width |
| Custom width | 10–100 %; step 5 |
| Custom width | Left · Center · Right |
| Divider spacing | 0–48 px; step 4 |
| Divider thickness | 1–4 px; step 1 |
Content and media
- No image is needed for the line. Use the actual divider controls instead of uploading a thin image.
Check the mobile layout
- Check that the spacing still fits the mobile page rhythm and does not create an unnecessarily long empty area.
Common questions and fixes
- The line is hard to see: review its thickness and the chosen color scheme.
- The gap is too large: reduce Divider spacing rather than adding another spacer.
Full control reference
Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.
All section controls (13)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Width / Section width | Page width · Full width · Custom width | Default: Page width. |
| Width / Custom width | 10–100 %; step 5 | Default: 100. Percentage of screen width. This control appears only when the relevant layout or related option is selected. |
| Width / Custom width | Left · Center · Right | Default: Center. |
| Width / Divider spacing | 0–48 px; step 4 | Default: 16. |
| Width / Divider thickness | 1–4 px; step 1 | Default: 1. |
| Width / Color scheme | Choose a color scheme | Default: background. |
| Media / Section background image | Choose an image | Default: Not set. |
| Media / Section background position | Image focal point · Top · Center · Bottom | Default: Image focal point. This control appears only when the relevant layout or related option is selected. |
| Media / Section background behavior | Scroll with section · Fixed to viewport | Default: Scroll with section. This control appears only when the relevant layout or related option is selected. |
| Media / Section background overlay | 0–80 %; step 5 | Default: 0. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on desktop | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on mobile | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Section anchor | Text | Default: Not set. Optional. Use a unique name for links that jump to this section. |