Interactive Horizontal Timeline Pro Module
The most powerful and customizable timeline module for HubSpot!
Overview
The Interactive Horizontal Timeline Pro is the most powerful timeline module for HubSpot. Create captivating timelines with background images, overlay effects, custom dot styles, and complete color control. Perfect for company histories, product roadmaps, process workflows, and customer journeys. Professional polish meets effortless customization—advanced features without the complexity.
Install the Module
Start by downloading the Interactive Timeline Module from the HubSpot Asset Marketplace. Once installed, the module becomes available in your page editor under 'All Modules'. Simply drag and drop it onto any page with drag-and-drop editing capabilities to begin.
🖼️ Background & Overlay Effects
Three background modes
Switch between solid color, image, or transparent backgrounds instantly
Background images
Upload custom images with smart sizing options (cover, contain, or initial)
Color overlays
Add semi-transparent color overlays to improve text readability over images
Frosted glass blur
Apply backdrop blur effects up to 50px for a modern, premium aesthetic
⭕ Advanced Dot Customization
Style options
Choose between dashed (outlined) or solid (filled) dot styles for different visual effects
Custom sizing
Set global dot size in pixels—perfect for creating subtle or bold timeline markers
Mobile optimization
Dots automatically scale to 80% on mobile with adjustable offset for perfect alignment
Per-item colors
Assign unique colors to each timeline phase for visual distinction
⚙️ Flexible Layout Controls
Adjustable container width
Set custom max-width for desktop layouts
Granular padding control
Separate settings for top/bottom and left/right padding on both desktop and mobile
Shadow toggle
Enable or disable container shadow Anchor ID: Add custom section IDs for smooth scrolling and navigation
🎨 Many Customization Options
Per-item color control
Each timeline dot, content border, and content background can have its own unique color
Global color settings
Control row background, container background, and progress line colors site-wide
Individual styling
Every phase can have a distinct visual identity while maintaining cohesive design
📱 Fully Responsive Design
Smart layout switching
Automatically transitions from horizontal (desktop) to vertical (mobile) for optimal viewing
Separate mobile/desktop controls
Adjust padding and spacing independently for each screen size
Get Started Today
Transform your HubSpot pages with an interactive timeline that tells your story beautifully. No technical expertise needed - just install, customize, and publish.
Need help with your CLEAN Pro website?
Kevin Fremon, owner and developer of CLEAN Pro, has awarded Vested as a Top 10 CLEAN Partner.
With a team of 6, including several advanced web designers, and over 21 years of combined experience working with CLEAN, we have the expertise and insider knowledge to fully customize your site (no one will ever know it's a theme 😎).

.png?width=1563&height=661&name=Logo%20-%20Color%20(1).png)


