Skip to Content

Timeline Block

Module 2.5 – Mastery: Design Blocks: Timeline

The Timeline Block allows you to organize content in a vertical timeline format. This is perfect for showcasing the history of your department, program, or any chronological sequence of events.

Each timeline entry displays a date on the left, while the right side can include a title (heading), text, and an optional button for added functionality. It’s an engaging way to present a visual story or detailed progression.

Step-by-Step

1. Add the Timeline block using the block menu.

Add a timeline block

2. Enter a date or an aside, by clicking in the text area at the left.

3. Add a title and text on the right text by typing in the provided areas.

You can also make a list or button by adding either block using the block inserter menu.

4. Add a second timeline item: Select the entire block by clicking the timeline icon at the top left. (*Note: this won’t work if you only have an individual timeline item selected)

Select entire timeline block

Click the blue plus sign at the bottom right.

Click + sign

Video Tutorial

Try it Out

Now that you have learned how to work with the timeline block, it’s time to try it out!

  1. Add a timeline block to your page.
  2. Add a date or an aside.
  3. Add a title and some content (text, list and bottom)
  4. Add another timeline item
  5. Try out some of the gallery block options.