1. Home
  2. Docs
  3. Happy Elementor Addons Fr...
  4. Widgets
  5. Horizontal Timeline Widget

Horizontal Timeline Widget

If you’re solely looking to showcase your website timeline horizontally and give it an elegant look, then the Horizontal timeline widget of Happy Elementor Addons could be the best option for you.

Yes, now you can display all your website’s timeline such as any updates, changelogs, or blog-posts using this widget. Also, you can customize it according to your own way.

Anyways, this documentation will walk you through how easily you can use and customize the horizontal timeline widget on your WordPress site.

So let’s see the following steps very carefully:-

How To Use Horizontal Time Widget of Happy Addons

Step One:-

First of all, you’ll need to select the widget. And then drag-drop it on the working screen.

Horizontal Timeline Widget

After that, you can see that some default design will automatically appear. It will help you to where to start or how to customize the rest of the parts.

available options

Step two:-

Next, you will get some customizing options on the left-side of the screen. For example, Timeline, Settings and Wrapper links.

03 1


First, you’ll get Timeline. Here you can see some default value. Either you can stay with the current options or you can add more options as you want.

04 1

When you click on each part, you can customize, edit and more things.

For example, set the icon (SVG file upload and images are also available), background image, title, sub-titles, and description.

Horizontal Timeline Widget

Here you’ll get another option if you want to customize each section individually. For this, you’ll need to turn on the Custom Style. As a result, if you want to customize only one section, it will help you to do that.

Here you can see, you can change icon color, its background, content text color, background, etc.

Custom Style

General Settings

Now tap on the Setting. And here you can change the settings of the widget. Here you can set the animation time, set how many sliders you want, hide-show content arrow, content alignment, etc.

General settings

To know more about what the Wrapper link is, check out the documentation here.

Step Three:-

To slightly change its stylize, click on the Style button. And you’ll get two available options. Content; Event.

Styling Widgets

Here you can customize line, date and icon design. Their colors, size, margin, padding, etc.

Horizontal Timeline Widget

And finally, you can also change the border, border color, radius, arrow color and its background color.

Horizontal Timeline Widget

To stylize the content, click on the Content and you can change the margin, padding, border, border-radius, spacing, image & its size, border type, image height-width, etc.

Horizontal Timeline Widget

Similarly, change its title size, color, spacing, sub-titles, description, etc.

Horizontal Timeline Widget

Step Four:-

There is also an Advanced option which is an elementor default option. There is a happy effect, motion effects, etc. if you want to add more functions to your widget and make it more fun and stylish.

Advanced Style

So after done with task, your design will like below:-

How to use Horizontal Timeline Widget

That’s it!

How can we help?