TessaroDocumentationTessaro handbook
Section library / Reference

Hero slideshow

Present a sequence of image/video slides with headings and actions.

When to use it#

Present a sequence of image/video slides with headings and actions.

Set up#

Add Slide blocks, connect media, set text positions, and configure navigation/autoplay.

Available from Add section where supported by its template restrictions.

Section settings#

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

Layout

Height (desktop)#

Range: 300–900 px.

Control
range
Default
600

Height (mobile)#

Range: 200–700 px.

Control
range
Default
400

Overlay opacity#

Range: 0–80 %.

Control
range
Default
50

Enable image parallax#

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

Control
checkbox
Default
Off

Slideshow

Autoplay#

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

Control
checkbox
Default
On

Autoplay interval#

Range: 2–10 s.

Control
range
Default
5

Enable loop#

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

Control
checkbox
Default
On

Show arrows#

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

Control
checkbox
Default
On

Show pagination dots#

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

Control
checkbox
Default
On

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
0

Padding bottom (desktop)#

Range: 0–200 px.

Control
range
Default
0

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
0

Padding bottom (mobile)#

Range: 0–200 px.

Control
range
Default
0

Blocks#

Add, reorder and configure the supported blocks in the editor. Some block types have an individual limit.

Slide#

Image#

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

Control
image picker
Default
Not set

Video (takes priority over image)#

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

Control
video
Default
Not set

Content

Subheading#

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

Control
text
Default
Not set

Show subheading#

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

Control
checkbox
Default
On

Heading#

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

Control
text
Default
Hero Title

Description#

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

Control
textarea
Default
Not set

Button text#

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

Colors

Heading color#

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

Control
color
Default
#FFFFFF

Subheading color#

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

Control
color
Default
#FFFFFF

Description color#

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

Control
color
Default
#FFFFFF

Button text color#

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

Control
color
Default
#000000

Button background color#

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

Control
color
Default
#FFFFFF

Typography

Heading size (mobile)#

Range: 16–80 px.

Control
range
Default
32

Heading size (desktop)#

Range: 20–120 px.

Control
range
Default
56

Subheading size (mobile)#

Range: 10–30 px.

Control
range
Default
14

Subheading size (desktop)#

Range: 10–40 px.

Control
range
Default
16

Description size (mobile)#

Range: 12–30 px.

Control
range
Default
16

Description size (desktop)#

Range: 12–40 px.

Control
range
Default
18

Alignment

Vertical alignment (mobile)#

Choices: Top, Center, Bottom.

Control
select
Default
Center

Horizontal alignment (mobile)#

Choices: Left, Center, Right.

Control
select
Default
Center

Vertical alignment (desktop)#

Choices: Top, Center, Bottom.

Control
select
Default
Center

Horizontal alignment (desktop)#

Choices: Left, Center, Right.

Control
select
Default
Center
Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.