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 labelTextOptional. Leave blank to hide.
Section button linkURL / LinkOptional. 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)TextOptional. Leave blank to hide.
Icon (optional)ImageSelect an image to display.
TitleTextOptional. Leave blank to hide.
DescriptionRich textOptional.
Image (optional; used in Vertical with images)ImageSelect an image to display.
Image alt text (optional)TextUsed for accessibility purposes.
Button label (optional)TextOptional. Leave blank to hide.
Button link (optional)URL / LinkOptional. Leave blank to disable.

Default Configuration

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

  • Timeline / Process — 3× Step