Divi Timeline Module for Visual Builder - Chronological Order Design

Divi Timeline Module for Visual Builder

(5 customer reviews)


Timelines provide a logical, clean way to tell your story. It enables a viewer to understand temporal relationships quickly. Use this module to explain your ideas more effectively.

Live Demo Test Drive This Plugin

Don’t have Divi? get it first from CLICK HERE


Timelines provide a logical, clean way to tell your story. It enables a viewer to understand temporal relationships quickly. Timelines are the most attractive way to showcase information and events that happen over time. Use the full power of Divi visual builder to create stunning timeline designs! This is the First “Original” Module with Divi Visual Builder Support.

– Create unlimited number connection points (nodes) to your timeline
– Load of design customization options
– Use Divi default icons or your own images to feature in the timeline. You can also add texts to the timeline badge
– Various animation options for timeline nodes
– Fully mobile responsive

Live Demo

Test Drive This Plugin


Setup Guide:


Terms of Sale:

You can use our products for both personal and commercial use on a Single Website (unless otherwise stated under Terms of sale of each product). Once you made the purchase you will be given a special product activation key (license key). You can purchase as many licenses as you want.

You are not allowed to resell or redistribute this plugin or any of its parts to anyone else.

If you would like to package our plugins into your child theme, a developers license may be purchased separately. Please contact us for more details

You get product updates for lifetime – We will make every attempt to ensure that our products are compatible with all future releases of Divi builder. You’ll be notified about product updates (Plugins only) through WP admin dashboard. You can also directly download the updated files (For child themes and layout products) from your ‘My Account‘ Page.

We provide 3 months of direct product support – Support is provided for bug fixes only. If you need customization support you will have to pay our hourly rate ($120 per hour). Also note that If you bought a product from our store at ‘SALE’ price then Support will be provided strictly for product related bug fixes only.

Scope of Support – Our main intention by providing product support is to help uncover bugs, add frequently requested features and overall improve the product for everyone. We reserve the right to dismiss any support request that’s outside of this support scope.

  • Ultimate Divi Builder Addons is not responsible for any conflicts due to WordPress updates, Divi updates or third party plugin updates

Due to the nature of digital products as they cannot be returned, it’s impossible to prevent fraud and still offer refunds. Hence refund requests are expressly denied. You can use our test drive facility to check the product before you make purchase.

Compatible with PHP version 5.5 or higher


Version: 1.0 Initial release
Version: 2.0 – Divi Visual builder support


Use this snippet to align timeline nodes with timeline boxe’s arrow,

.timeline .timeline-panel::after, .timeline .timeline-panel::before {
top: 45%;

If it didn’t work then try adding !important after 45%.
If you want to fine tune the alignment, change 45% to the number that fits best.

…… Text Badge Overlap Fix ……

When you are using ‘Text Badge’ and enabled Circle Border around it you might see that the Badge overlaps the text box blurb (In mobile and tablet screen sizes). Please use the following snippet and adjust it for your taste to fix this,

span.et-pb-icon.timeline-text.text-circle.text-circle-border {
border: 2px solid #0c71c3;
width: 100px;
text-align: center;
padding: 4px 4px;
font-size: 16px;

@media screen and (max-width: 1025px) {
span.et-pb-icon.timeline-text.text-circle.text-circle-border {
font-size: 14px;
margin-left: -40px;
width: 80px !important;

@media screen and (min-width: 480px) {
span.et-pb-icon.timeline-text.text-circle.text-circle-border {
margin-left: 0px !important;

Divi Timeline Text Badge Fix

…… Remove Timeline List Item Styles ……

If you just want a plain timeline list item design without the styles then following codes will help you achieve it,

.timeline .timeline-panel {
border: none;
box-shadow: none !important;
background: transparent;
.timeline .diti_timeline_item:nth-of-type(odd) .timeline-panel:before {
display: none;
.timeline .diti_timeline_item:nth-of-type(odd) .timeline-panel:after {
display: none;

.timeline .diti_timeline_item:nth-of-type(odd) .timeline-panel {
    border: none !important;
    background: none !important;
    box-shadow: none !important;

.timeline .diti_timeline_item:nth-of-type(even) .timeline-panel {
    border: none !important;
    background: none !important;
    box-shadow: none !important;

.timeline-panel::after, .timeline-panel::before {
	display: none !important;

Remove Divi Timeline item styles

5 reviews for Divi Timeline Module for Visual Builder

  1. zapcat (verified owner)

    Tested and works well. Great that it can be used alongside the visual builder also.

    Website: http://www.tarl.pennylamont.com/evidence/


  2. [email protected] (verified owner)

    Perfect module for Divi timeline, very flexible !
    Very responsive customer service.
    I recommend it

  3. cryptoiskey (verified owner)

    Honestly, I looked for so many solutions to build a timeline/roadmap. I wanted something that would work with my Divi theme and gave me the ability to customize. This plugin is perfect. I wanted to find a way to change the border color for the outline and arrow on the node, and support through Facebook was right there when I needed them….very satisfied customer and will be looking at more of their products for the future….

  4. sabkop (verified owner)

    Very nice plugin.
    Responsive and customizable.
    Also when you need support, they are very quick and helpful.

    Website: https://www.laminexcomposites.pl/en/history/


  5. Mark Brookes (verified owner)

    Good plugin that does what it is designed to do.

    The support was amazing when I had a small issue, I had a very quick response to my question and resolved with the hour.
    Thank you Ultimate Divi, i’ll definitely use you again.

    Website: https://nefa.co.uk/learning-schedule/

Only logged in customers who have purchased this product may leave a review.