Zeppelin StudioOpaline
  1. Docs
  2. Sections
  3. Forms & utilities

Forms & utilities

Divider

A spacer between two sections, with or without a line, to give the page room to breathe.

9 section settingsAvailable on every template
abovebelowMade for everyday life123
  1. 1Line: color, thickness and style
  2. 2Space above and below
  3. 3Full width, or within the page margins

Add the section#

Available on every template.

  1. From your Shopify admin, go to Online Store > Themes, then click Customize next to Opaline.
  2. Use the page selector at the top of the editor to open the template you want to change.
  3. In the sidebar, click Add section where you want it to appear.
  4. Select Divider. Click the section in the sidebar to open its settings.
  5. Click Save in the top right corner when you are done.

Settings#

Line

Show a line
Toggle

Turn on or off.

Default: On
Line color
Color

Pick a color, or type its hex code.

Default: #E5E5E5
Line opacity
Slider
Default: 100%From 10 to 100%, in steps of 10
Thickness
Slider
Default: 1pxFrom 1 to 8px, in steps of 1
Line style
Dropdown
Default: FilledDashesDotted

Layout

Full width
Toggle

Uncheck to keep the page side margins.

Default: On
Color palette
Dropdown
Default: Background 1Palette 1Palette 2Background 2Reversed

Spacing

Inner padding top
Slider
Default: 20pxFrom 0 to 100px, in steps of 4
Inner padding bottom
Slider
Default: 20pxFrom 0 to 100px, in steps of 4