Back to contents

JetElements Horizontal Timeline widget. How to add a project timeline to your website

This tutorial explains what steps you need to take in order to add a Horizontal Timeline using JetElements plugin.

With the Horizontal Timeline widget from JetElements, you can let the visitors know about events and projects showcased on your website. It is a great tool for organizing your events in an appealing way. You can add any content, icons, images, and description to the timeline.

From this tutorial, you will learn how to create a really neat and easy-to-follow timeline for your website. Now, let’s dive in into this process!

Creating a Horizontal Timeline

Step 1 — Firstly, you need to activate the Horizontal Timeline widget. Navigate to the Elementor > JetElements Settings > Available Widgets, select the widget and save changes.

JetElements settings

Step 2 — The next step is to open the needed page and click on the Edit with Elementor button to proceed. After that, find the Horizontal Timeline widget and drag it to the section where you want to place it.

Horizontal Timeline widget

Step 3 — You’ll see the basic preset of the timeline, but you can change it according to your preferences. Let’s start from the Content tab. Here you can see the number of Cards that you’re able to add to your timeline. Inside every card, you can add an Image, change the Title, add Meta and Description.

Horizontal Timeline widget set up

Step 4 — Then, you can move on to the Layout block. You can set the number of columns, choose Layout and Alignment position and select the Navigation Type.

Horizontal Timeline widget layout

Step 5 — Moreover, you can change the appearance of your horizontal timeline using different options in the Style settings section.

Horizontal Timeline widget style settings

Step 6 — The last step here is to click on the Publish button and see the result.

Well done! Now you know how to create a horizontal timeline and make your website even more attractive.