Skip to content

Timeline

Add it to any template with Add section, under Storytelling.

Settings

Line and markers

SettingWhat it doesDefault
Marker styleMenu

What each event shows on the line. Numbers count the events automatically. Date badges show the event's own marker, so keep those short.

Options: Number, Icon, Date badge, Dot.

Number
Line styleMenu

Curved doesn't apply to the Horizontal layout, which uses a straight line.

Options: Solid, Dashed, Curved, None.

Solid
Line animationMenu

Follow scroll position also lights each marker as the line reaches it.

Options: Draw once, Follow scroll position, None.

Shown when Line style is not None and Layout is not Horizontal.

Draw once

Section heading

SettingWhat it doesDefault
Show section headingCheckboxOn
Text above headingText

Shown when Show section heading is on.

None
HeadingText

Shown when Show section heading is on.

Our story so far
SubheadingFormatted text

Shown when Show section heading is on.

None
Heading alignmentMenu

Options: Left, Center.

Shown when Show section heading is on.

Center

Layout

SettingWhat it doesDefault
LayoutMenu

Options: Alternating, Stacked, Horizontal.

Alternating
Events per viewSlider

From 1 to 4.

Shown when Layout is Horizontal.

3
Events per view on mobileMenu

Options: 1, 1 plus a peek, 2.

Shown when Layout is Horizontal.

1 plus a peek
Show arrowsCheckbox

Shown when Layout is Horizontal and Pagination is not None.

On
PaginationMenu

Markers label each control with the event's own marker. Best with 1 event per view.

Options: None, Dots, Markers.

Shown when Layout is Horizontal.

Dots

Content

SettingWhat it doesDefault
Button labelText

Adds one button below the timeline.

None
LinkLink

Shown when Button label is set.

None
Button styleMenu

Options: Primary, Secondary, Outline.

Shown when Button label is set.

Primary

Section style

SettingWhat it doesDefault
WidthMenu

Options: Contained, Full width.

Contained
ColorMenu

Options: Default, Muted, Primary, Accent, Custom.

Default
BackgroundColor

Shown when Color is Custom.

None
Background gradientGradient

Shown when Color is Custom.

None
Text colorColor

Leave blank to auto-pick black or white for contrast.

Shown when Color is Custom.

None
Vertical spacingMenu

Options: Theme default, None, Small, Medium, Large.

Theme default

Blocks

Event

SettingWhat it doesDefault
MarkerText

A year or step label, like 2018 or Step one.

None
HeadingTextEvent heading
ContentFormatted textNone
IconMenu

Options: None, Cart, Store, Tag, Package, Gift, Truck, Return, Shield check, Lock, Award, Leaf, Star, Heart, Sparkle, Check, Info, Clock, Support, Phone, Mail, Map pin, Globe, Calendar, User, Paw, Flag, Rocket, Target.

Shown when Marker style is Icon.

None

Media

SettingWhat it doesDefault
MediaMenu

Options: None, Image, Product.

None
ImageImage

Shown when Media is Image.

None
Aspect ratioMenu

Options: Adapt to image, Square (1:1), Portrait (4:5), Landscape (4:3), Wide (16:9).

Shown when Media is Image.

Landscape (4:3)
ProductProduct

Used when Media is set to Product. Adds a compact link to the product under the step's text.

None
SettingWhat it doesDefault
Link labelTextNone
LinkLink

Shown when Link label is set.

None

Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.