Zeppelin StudioOpaline
  1. Docs
  2. Sections
  3. Heroes & banners

Heroes & banners

Split quote

A large quotation set next to a photograph, with author, role and an optional link. The panel color, quotation mark and text colors are yours to choose.

21 section settingsAvailable on every template
“Made with care,meant to bekept.123
  1. 1Quote, set large in italics
  2. 2Author and role
  3. 3Image on the other half

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

Settings#

Media

Image
Image

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

Glass label on image
Text

The text shown in this place.

Layout
Dropdown
Default: Image and quote side by sideQuote alone, full width
Media side
Dropdown
Default: LeftRight
Height
Slider
Default: 85vhFrom 50 to 110vh, in steps of 5

Quote

Overline
Text

The text shown in this place.

Show the overline rule
Toggle

The short line drawn beside the overline.

Default: On
Show quotation mark
Toggle

Turn on or off.

Default: On
Quote
Rich text

Formatted text: bold, italic and links are kept.

Quote size
Slider
Default: 100%From 60 to 180%, in steps of 5
Quotation mark size
Slider

Scales the large quotation mark in the corner.

Default: 100%From 50 to 250%, in steps of 10
Author
Text

The text shown in this place.

Role
Text

The text shown in this place.

Attribution position
Dropdown
Default: Below the quoteAbove the quote
Attribution alignment
Dropdown
Default: LeftCenterRight
Link label
Text

The text shown in this place.

Link
Link

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

Colors

Panel color
Color

Pick a color, or type its hex code.

Default: #ECECE7
Text color
Color

Pick a color, or type its hex code.

Default: #151515
Quotation mark color
Color

Pick a color, or type its hex code.

Default: #6F6B61
Color scheme
Color scheme

The color scheme of the section. Schemes are set under Theme settings > Colors.

Default: Scheme 1