Copy discount code:

croco b-day main image left part croco b-day main image center part croco b-day main image right part
Expires In
croco b-day left image
croco b-day right image

Help Center

Vertical Timeline Widget Overview

Vertical Timeline Widget Overview

This tutorial explains what steps you have to take in order to add the Vertical Timeline widget to your website's page using the JetElements plugin.

The Vertical Timeline widget is a great option for creating attractive timelines for projects, roadmaps, and upcoming and ongoing events. It shows what phases are already in the past, what is in progress now, and what is supposed to be finished in the future.

From this tutorial, you will learn how to create an accurate project timeline with the help of the JetElements Vertical Timeline widget. Let’s commence!

1 Step — Enable Vertical Timeline widget

First of all, make sure that you’ve activated the Vertical Timeline widget. You can check it by navigating to the Crocoblock > JetPlugins Settings > JetElements Settings > Available Widgets.

JetElements available widgets

2 Step — Add the widget to the page

Open any page or post to which you want to add your timeline and drag-n-drop the Vertical Timeline widget to the needed section.

Vertical Timeline widget

You’ll start with a basic style preset, and this is pretty great because you’ve already got a design to work with, so you don’t have to create stuff from scratch.

Let’s have a look at the cards in the Content tab. Here goes the number of items that you can add to your timeline. You can add as many items as you need. Inside every item, you’re able to add an Image, change the Title of your card, add Meta and Description.

Also, every card has a point, so you can choose an icon that will be displayed in it or a text.

Vertical Timeline content

Now, let’s move on to the Layout tab. First off, you can animate cards, so they will appear on your page with an animation effect. There’s also an option to choose between horizontal and vertical alignment.

Vertical Timeline widget layout

The next step here is the Style settings section, where you can change the appearance of your timeline according to your preferences and needs.

Vertical Timeline example

So, this is actually all you need to do to create a timeline for your project or any event. Click on the “Publish” button and preview the results!

Now you know how to create a project timeline with the JetElements Vertical Timeline widget. This is quite easy to do, but the result is amazing. Hope this tutorial was useful and you’ll enjoy the result!

Was this article helpful?

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.