Timeline group block
A vertical timeline: a progress line with points and a label and text for each point. The block holds Timeline item blocks: add one per point with Add block inside the group.
Timeline settings
| Setting | Description |
|---|---|
| Timeline progress height | Height of the progress line. Range: 300–1300 px, step 10. Default: 490 px. |
| Timeline points position | How the points are placed along the line: Start (grouped at the start) or Space between (spread evenly along the line). Default: Start. |
| Timeline gap | Space between timeline items on desktop. Range: 0–100 px. Default: 80 px. |
| Timeline gap mobile | Space between timeline items on mobile. Range: 10–100 px. Default: 40 px. |
Timeline padding
| Setting | Description |
|---|---|
| Top, Bottom, Left, Right | Space around the timeline on desktop. Range: 0–100 px, step 1. Default: 0 px. |
| Top mobile, Bottom mobile, Left mobile, Right mobile | Space around the timeline on mobile. Range: 0–100 px, step 1. Default: 0 px. |
Timeline item: label
| Setting | Description |
|---|---|
| Timeline label | Short label of the point, for example a year or a step. Default: Label. |
| Timeline label type preset | Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Presets are edited in Theme settings → Typography. Default: Hero. |
| Timeline label font family | Font family: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Timeline label color | Text color: Heading, Text or Accent. Default: Heading. |
| Timeline label text style | Letter case: Normal, Uppercase or Lowercase. Default: Uppercase. |
Timeline item: text
| Setting | Description |
|---|---|
| Timeline text | Text of the point. Supports inline formatting. Default: Timeline text. |
| Timeline text type preset | Typography preset (same options as the label). Default: H4. |
| Timeline text font family | Font family: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Timeline text color | Text color: Heading, Text or Accent. Default: Heading. |
| Timeline text style | Letter case: Normal, Uppercase or Lowercase. Default: Uppercase. |
Timeline item: padding
| Setting | Description |
|---|---|
| Top, Bottom, Left, Right | Space around the item on desktop. Range: 0–100 px, step 1. Default: 0 px. |
| Top mobile, Bottom mobile, Left mobile, Right mobile | Space around the item on mobile. Range: 0–100 px, step 1. Default: 0 px. |