Module · Features and content
Story Timeline
A company timeline of milestones by year.
Where it is used
Content settings
What the module says and shows. Repeaters (groups you can add items to) are marked as such.
| Setting | Type | What it does | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Eyebrow | Text | Small label above the heading. Leave empty to hide it.Default: OUR STORY | |||||||||
| Heading | Text | Wrap words in [brackets] to highlight them.Default: Built by marketers, for [growing businesses] | |||||||||
| Description | Rich text | Text under the heading. Leave empty to hide it. | |||||||||
| Button text | Text | Text on the main button. Leave empty to hide it.Default: Read our full story | |||||||||
| Button link | Link | Where the main button goes. | |||||||||
| Button: HubSpot CTA ID | Text | Optional. To use a HubSpot CTA instead of the button (so HubSpot tracks its views and clicks), paste the CTA's ID here. Find it in Marketing > CTAs: open the CTA and copy the number from the page address. Needs HubSpot's CTA tool. Leave empty to use the button. | |||||||||
MilestonesRepeater · 3 settingsEach step in your story, oldest first.
| |||||||||||
Style settings
In the module's Styles tab: layout, color mode, background, fonts, spacing and animation.
| Setting | Type | What it does | ||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Design | Choice | How the milestones are laid out. All designs stack neatly on phones.Options: Design 1: Vertical timeline beside the textDesign 2: Horizontal timelineDesign 3: Alternating left and rightDesign 4: Milestone cardsDefault: Design 1: Vertical timeline beside the text | ||||||||||||||||||||||||||||||||||||
LayoutGroup · 3 settings
| ||||||||||||||||||||||||||||||||||||||
TimelineGroup · 5 settings
| ||||||||||||||||||||||||||||||||||||||
| Color mode | Choice | "Same as site" follows Theme settings > Color mode.Options: Same as siteLightDarkDefault: Same as site | ||||||||||||||||||||||||||||||||||||
| Eyebrow style | Choice | "Same as theme" follows Theme settings > Eyebrow.Options: Same as themePlain textPillGradient badgeDefault: Same as theme | ||||||||||||||||||||||||||||||||||||
| Highlight color | Color | Color of the line, markers, years and highlighted words. Starts as the theme's primary color. | ||||||||||||||||||||||||||||||||||||
FontsGroup · 2 settings
| ||||||||||||||||||||||||||||||||||||||
| Transparent background | On/off | Removes this section's background so the page background shows through. Useful for blending sections together.Default: Off | ||||||||||||||||||||||||||||||||||||
| Background color | Color | Leave empty to use the theme colors for the current light or dark mode. | ||||||||||||||||||||||||||||||||||||
Background effectGroup · 6 settings
| ||||||||||||||||||||||||||||||||||||||
| Background animation | Choice | A subtle moving background behind this section. Soft bubbles: glass circles floating. Aurora: large blurred color clouds drifting. Dot grid: a faint dotted pattern drifting. Ripples: soft rings spreading out. Brand colors only; still for visitors who turn off motion.Options: NoneSoft bubblesAurora glowDrifting dot gridRipplesDefault: None | ||||||||||||||||||||||||||||||||||||
| Animation strength | Number | How visible the background animation is. Lower is subtler.Default: 45 | ||||||||||||||||||||||||||||||||||||
| Number of bubbles | Number | How many bubbles float in this section. Phones show about half of them.Default: 6 | ||||||||||||||||||||||||||||||||||||
| Bubble arrangement | Number | 0: this section gets its own random arrangement. Pick any other number to shuffle the bubbles into a new one, for example if a bubble sits behind your text.Default: 0 | ||||||||||||||||||||||||||||||||||||
CardsGroup · 12 settingsAlternating and Milestone cards designs.
| ||||||||||||||||||||||||||||||||||||||
SpacingGroup · 4 settingsLeave empty to use the theme section spacing (Theme settings > Layout).
| ||||||||||||||||||||||||||||||||||||||
| Animate when scrolled into view | On/off | Content fades up as the section comes into view. Visitors who turn off motion on their device see no animation.Default: On | ||||||||||||||||||||||||||||||||||||
Tip
Headings support [brackets] to highlight words and | for a new line. See Editing tips.