New here? Get 40% off Lifetime plans.

See pricing
Skip to content

Native Divi 5 ModulePro

Divi Horizontal Timeline

Lay out events on a horizontal timeline.

Why use the Divi Horizontal Timeline module?

A timeline that runs across the page instead of down it needs items lined up on a shared axis, evenly spaced, with a connecting line between them. Doing that with stock Divi columns means hand-tuning spacing every time an item is added or removed.

Horizontal Timeline is a container module built on the same carousel engine as Testimonial Slider: items-per-view, autoplay, navigation and pagination are all module settings, and each item carries its own icon, date, title and description.

This is the live module, three milestones, two at a time.

What you get out of it

A real horizontal axisItems sit on a shared line with a connector, not columns spaced apart by hand.Built on the carousel engineItems-per-view, autoplay, navigation and pagination all apply, the same as Testimonial Slider.Content above, below, or bothContent Placement moves the date, title and description relative to the line.Icon or image per itemEach milestone marker can be a Divi icon or an uploaded image.A date field per itemSeparate from the title, so a year or a full date sits above or below the marker cleanly.Native on Divi 5Ships in Divi Torque Pro. A Divi 4 layout using the same module converts across.

Everything the Divi Horizontal Timeline module does

Every option below ships in Divi Torque Pro.

Items per view, and how many move per scrollContent placement: above the line, below it, or alternatingAutoplay, with its own speedNavigation arrows and pagination, independently switchedInfinite loop and swipe, the same carousel-level controls as the other carouselsOne item per milestone: icon or image, title, description and dateLine colour and weightIcon colour and size

See the Divi Horizontal Timeline in action

Every timeline below is the live module, not a static graphic. This one shows three items at a time, six total.

Six milestones, three visible

Content below the line, navigation on.

Content above the line

Content Placement set to Top instead of Bottom.

Above the line

Same items, the text sits above the connector instead of below it.

Building one takes a few minutes

Three steps, and none of them involve custom CSS.

1Drop in the moduleAdd Horizontal Timeline to any row. It arrives with three placeholder milestones.2Add the milestonesEach one is a child item: an icon or image, a date, a title and a description.3Set items-per-view and the motionItems per view, autoplay, navigation and pagination are all in the parent module's settings.

Questions people ask first

Short answers, all of them checked against what the module actually does.

Is the Horizontal Timeline module free?No. It ships in Divi Torque Pro. The free plugin does not include it.Does it need Divi 5?It is a native Divi 5 module. A Divi 4 layout using the same module converts across, since it shares the same shortcode.What happens with fewer items than items-per-view?The carousel locks: it renders as a static row with no scrolling and the navigation arrows do nothing, so it needs more items than the items-per-view setting to actually move.Is there a vertical version?Yes, a separate module. Timeline is the vertical, single-column version; Horizontal Timeline runs across the page.Can content alternate above and below the line?Yes. Content Placement has a Both option in addition to Top and Bottom.Does each item need an icon?useIcon is per item, so some items can use an icon and others can use an uploaded image instead.