(Vertical Timeline) Timeline Date to Timeline Title

By default, when you use Vertical Timeline Plugin, Date will appear on left of item, like this.

To replace Date with Title, like this.

You can use this code under Timeline Plugin code in Code Injection > Footer.

<script>function moveTimelineTitleToDate(){const timelineEvents=document.querySelectorAll('.tl-event');timelineEvents.forEach(event=>{const dateElement=event.querySelector('.tl-date p');const titleElement=event.querySelector('.tl-title');if(dateElement&&titleElement){dateElement.innerHTML=titleElement.innerHTML;titleElement.remove()}})}
document.addEventListener('DOMContentLoaded',moveTimelineTitleToDate);window.addEventListener('wmTimeline:loaded',moveTimelineTitleToDate);</script>

Buy me a coffee