Zeppelin StudioOpaline
  1. Docs
  2. Sections
  3. Storytelling

Storytelling

Editorial text

Eyebrow, heading, text and buttons in an editorial layout, for an introduction or a pause between two image-led sections.

13 section settings5 block types · 20 settingsAvailable on every template. It cannot be placed in the header or footer

Add the section#

Available on every template. It cannot be placed in the header or footer.

  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 Editorial text. Click the section in the sidebar to open its settings.
  5. Click Save in the top right corner when you are done.

Settings#

General

Content position
Dropdown
Default: CenterLeftRight
Content alignment
Dropdown
Default: CenterLeftRight
Section background color
Color

Pick a color, or type its hex code.

Section background image
Image

Responsive. Displays behind the content (mobile included).

Text color
Color

Pick a color, or type its hex code.

Full width
Toggle

Turn on or off.

Default: On

Padding

Top
Slider
Default: 40pxFrom 0 to 100px, in steps of 4
Bottom
Slider
Default: 52pxFrom 0 to 100px, in steps of 4
Outer margin — top
Slider
Default: 0pxFrom 0 to 120px, in steps of 4
Outer margin — bottom
Slider
Default: 0pxFrom 0 to 120px, in steps of 4
Content width
Slider

0 is automatic. Raise it to widen the text block, which narrows the side margins.

Default: 0remFrom 0 to 140rem, in steps of 2
Side padding
Slider

Space either side of the content. 0 sits flush to the edges.

Default: 30pxFrom 0 to 120px, in steps of 2
Heading typeface
Dropdown

Theme default follows the section heading font chosen in Theme settings > Typography.

Default: Theme defaultHeading fontBody fontSans-serif heading font

Blocks#

Click Add block under the section in the sidebar to add one, then drag blocks to reorder them.

Heading#

Up to 3 per section

General

Heading
Rich text

Text on one line; bold, italic and links are kept.

Heading size
Dropdown
Default: MediumSmallLargeExtra largeExtra extra large

Caption#

Up to 3 per section

General

Text
Text

The text shown in this place.

Style
Dropdown
Default: UppercaseSubtitle
Size
Dropdown
Default: MediumSmallLarge
Caption alignment
Dropdown
Default: LeftCenterRight
Decorative dash
Toggle

Turn on or off.

Default: On

Text#

Up to 3 per section

General

Text
Rich text

Formatted text: bold, italic and links are kept.

Text size
Slider
Default: 1.6remFrom 1.2 to 2.6rem, in steps of 0.1
Line height
Slider
Default: 1.6From 1 to 2.2, in steps of 0.1

Image#

Up to 2 per section

General

Image
Image

Select an image from your Files, or upload a new one.

Image width
Slider
Default: 200pxFrom 40 to 900px, in steps of 10
Top margin
Slider
Default: 32pxFrom 0 to 100px, in steps of 4
Bottom margin
Slider
Default: 32pxFrom 0 to 100px, in steps of 4
Place this block first (above the eyebrow) or last (below the button) depending on the desired effect.

Buttons#

Up to 2 per section

Button 1

Label
Text

Leave blank to hide

Link
Link

Where the link leads: a product, a collection, a page, or any web address.

Button 1 style
Dropdown
Default: UnderlinedPrimarySecondary

Button 2

Label
Text

Leave label blank to hide

Link
Link

Where the link leads: a product, a collection, a page, or any web address.

Button 2 style
Dropdown
Default: UnderlinedPrimarySecondary