NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

Content Timeline module

Divi Content Timeline that draws itself as you scroll.

Tell a story step by step. The line fills and each card slides in as visitors scroll. Add dates, icons, images and links.

2014
Content Timeline Image

A two-person studio

We started in a spare room, building sites for local shops.

2014
2017
Content Timeline Image

Our first big client

A national bakery chain trusted us with 40 store pages.

2017
2020
Content Timeline Image

Going remote

The team grew to twelve people across four countries.

2020
2023
Content Timeline Image

500 sites launched

Half a thousand launches, and most clients still with us.

2023
2026
Content Timeline Image

Built on Divi 5

Every new site now ships on Divi 5, faster than ever.

2026

Scroll inside the timeline

What is the Divi Content Timeline module?

Content Timeline is a Divi 5 module in Divi Supreme Pro for vertical timelines. Each item is a card with a title, description, image or icon, a label on the opposite side such as a date, and an optional link.

Cards can sit left, right or alternate around a centre line, with a separate layout for tablet and phone. As visitors scroll, the line fills, step pointers light up and each item fades or slides into view.

desktop layouts

item animations

max line duration

custom code

Start from a Content Timeline recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Try every Content Timeline setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Content Timeline can do.

Left, centre or right

Cards on one side, or alternating around a centre line, with a separate tablet and phone layout.

Scroll-drawn line

The line fills and pointers light up as visitors scroll, at a speed you set.

Animated items

Each row slides from the left, right, alternates with the layout, or fades in.

Opposite labels

Put a date, time or step number on the other side of the line, with an optional link.

Images and icons

Media above or beside the text, custom pointer icons, and an image lightbox.

Divi 5 native, WPML ready

Rich text or shortcodes in each item, dynamic content and WPML.

Content Timeline documentation

Setup for Divi 5: timeline items, layouts, line and item animations, pointers and lightbox.

Questions about Content Timeline.

How do I add items?

Click Add timeline item for each step, then fill in the title, description, image or icon, opposite label and link.

Which layouts are there?

On desktop, cards can sit Left, Center (alternating around the line) or Right. Tablet & mobile layout can follow desktop or switch to Left or Right for narrow screens.

How does the line animation work?

With Tree line animation on, the line fills and each step pointer lights up as the visitor scrolls past it. Animation duration sets how long each segment takes.

Can items animate in?

Yes. Turn on Animate items on scroll and pick Alternate, From left, From right or Fade, with its own duration.

What goes on the opposite side?

An opposite label, usually a date or time. It can link to a URL. Leave it empty to hide it.

Can I use my own pointer icon?

Yes. Turn on Custom pointer on timeline for an item and choose an icon or image instead of the default dot.

Does Content Timeline work with Divi 5 and WPML?

Yes. It is a native Divi 5 module, items support dynamic content, and it can be translated with WPML.

Next module, A to Z

Content Toggle Module

Related modules

Step Flow Module

Numbered steps in a row with connectors.

Stacking Card Module

Cards that stack as you scroll.

Circle Info Module

Items around a circle with centre content.

4.9 out of 5

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Tell your story one step at a time.

Content Timeline comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Divi Supreme