How to RTL timeline element

Hey DROR,

Thank you for using Enfold.

I’ll forward the issue to the team. For now, please add this css code to fix the rtl layout of the timeline.

.rtl .avia-timeline-vertical .av-milestone-contentbox:after {
    right: -15px;
    left: auto;
}

.rtl .avia-timeline-vertical .av-milestone-contentbox:before {
    right: -15px;
    left: auto;
}

.rtl .avia-timeline-vertical li.av-milestone-even .av-milestone-contentbox:after {
    right: auto;
    left: 0;
}

.rtl .avia-timeline-vertical li.av-milestone-even .av-milestone-contentbox:before {
    right: auto;
    left: 0;
}

.rtl .avia-timeline-vertical .av-milestone-content-wrap {
    padding: 30px 60px 30px 0;
}

.rtl .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap {
    padding: 30px 0 30px 60px;
}

.avia-timeline-vertical .av-milestone-date {
    padding: 0 0 0 60px;
    text-align: left;
}

.rtl .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date {
    padding: 0 60px 0 0;
    text-align: right;
}

.rtl .avia-timeline-vertical .av-milestone-date span {
    left: -60px;
    right: auto;
}

.rtl .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span {
    right: -60px;
    left: auto;
}

.rtl .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span:before {
    right: auto;
    left: 0;
}

Best regards,
Ismael