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.
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.
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.
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.
Step 5 — Moreover, you can change the appearance of your horizontal timeline using different options in the Style settings section.
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.