Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

How to change the default direction of the timeline items when using the alternate layout?

By default, when using the alternative layout in the Divi Plus Timeline module, the timeline content starts from the right for the first item, followed by the left for the next, and so on. If you want to switch this so that the timeline starts from the left, followed by the right, you can apply the following CSS in Divi Theme Options.

.et_pb_module.dipl_timeline_item.dipl_timeline_item:nth-child(odd) .dipl_timeline_item_wrapper {
    flex-direction: row;
}
.dipl_timeline .dipl_timeline_alternate .dipl_timeline_item:nth-child(even) .dipl_timeline_item_wrapper 
{
    flex-direction: row-reverse;
}
Table of Contents