TessaroDocumentationTessaro handbook
Section library / Reference

Editorial feature

Combine prominent editorial content with supporting media.

When to use it#

Combine prominent editorial content with supporting media.

Set up#

Connect the provided image and text fields and choose their alignment, colors and spacing.

Available from Add section where supported by its template restrictions. Excluded from: groups: header, footer, aside

Section settings#

These are schema defaults. Your installed theme or selected preset can use different saved values.

Content

Show section#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Subheading#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
Not set

Heading#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
A story worth sharing

Text#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
richtext
Default
<p>Introduce the people, ideas, and everyday moments behind your brand.</p>

Quote#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
textarea
Default
Not set

Attribution#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
Not set

Image#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
image picker
Default
Not set

Mobile image#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
image picker
Default
Not set

Button label#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
Not set

Adjust this control in the theme editor and preview the result in the relevant template.

Control
url
Default
Not set

Layout and behavior

Heading size#

Choices: Medium, Large.

Control
select
Default
Large

Heading weight#

Choices: Regular, Medium, Semibold.

Control
select
Default
Medium

Heading level#

Choices: H1, H2.

Control
select
Default
H2

Use page heading#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
Off

Show page content#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
Off

Layout#

Choices: Centered with image below, Image on the left, Image on the right.

Control
select
Default
Centered with image below

Image ratio#

Choices: Panoramic, Landscape, Square, Portrait.

Control
select
Default
Landscape

Image corners#

Choices: Square, Rounded, Soft.

Control
select
Default
Soft

Image alignment#

Choices: Top, Center, Bottom.

Control
select
Default
Center

Colors

Background color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#F9F5EF

Text color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#2C2825

Accent color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#806042

Button background#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#2C2825

Button text#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#FFFFFF

Spacing

Margins add space outside the section. Padding adds space inside it.

Margin top (desktop)#

Range: 0–200 px.

Control
range
Default
0

Margin bottom (desktop)#

Range: 0–200 px.

Control
range
Default
0

Padding top (desktop)#

Range: 0–200 px.

Control
range
Default
72

Padding bottom (desktop)#

Range: 0–200 px.

Control
range
Default
72

Margin top (mobile)#

Range: 0–200 px.

Control
range
Default
0

Margin bottom (mobile)#

Range: 0–200 px.

Control
range
Default
0

Padding top (mobile)#

Range: 0–200 px.

Control
range
Default
40

Padding bottom (mobile)#

Range: 0–200 px.

Control
range
Default
40
Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.