All docs

Brand Story

Timeline / Process

Section handle: timeline

Settings

Layout

SettingTypeDefaultDescription
VariantDropdownverticalChoose the visual style for the timeline steps. · Options: vertical – Vertical (default), horizontal – Horizontal (3–5 steps), vertical_images – Vertical with images
AlignmentDropdownleftAffects alignment only. · Options: left – Left, center – Center
Image position (Vertical with images)DropdownleftAffects alignment only. · Options: left – Left, right – Right, alternate – Alternate (L/R/L/R)
Gutter spacingDropdownstandardAffects spacing only. · Options: compact – Compact, standard – Standard, spacious – Spacious

Content

SettingTypeDefaultDescription
Section button labelText—Optional. Leave blank to hide.
Section button linkURL / Link—Optional. Leave blank to disable.

Style

SettingTypeDefaultDescription
Step indicator typeDropdownnumberSelect an option. · Options: number – Numbered, icon – Icon, number_icon – Number + icon, dot – Minimal dot
Indicator shapeDropdowncircleSelect an option. · Options: circle – Circle, square – Square, diamond – Diamond, outline – Outline
Connector lineDropdownsolidSelect an option. · Options: solid – Solid, dashed – Dashed, dotted – Dotted, none – None

Blocks

Step

Block type: step

Content

SettingTypeDefaultDescription
Step label (optional override)Text—Optional. Leave blank to hide.
Icon (optional)Image—Select an image to display.
TitleText—Optional. Leave blank to hide.
DescriptionRich text—Optional.
Image (optional; used in Vertical with images)Image—Select an image to display.
Image alt text (optional)Text—Used for accessibility purposes.
Button label (optional)Text—Optional. Leave blank to hide.
Button link (optional)URL / Link—Optional. Leave blank to disable.

Default Configuration

When you add this section from the Theme Editor, it comes pre-configured with:

  • Timeline / Process — 3× Step