Display multiple dates for same event

Hi there

You can try this snippet, add it into Advanced-> Custom code injection

document.addEventListener("DOMContentLoaded", function(event) { 
  document.querySelectorAll(".summary-metadata-item.summary-metadata-item--date").forEach(function(el) {
        var modified = el.innerText.replace("–", "&");
        el.innerText = modified;
    });
});

Hi @bangank36, thanks so much for your reply. 

However, I've tried injecting that code into both the header and the footer blocks and it just...shows up as text either in the header or the footer - see attached. Could you please advise on next steps? Am I doing something wrong here? 

thanks again!

Wrap the snippet between the tags <script> </script>

Thanks, again. However, this only seems to update the summary block on the homepage - it doesn't do anything to the event listings page or the event details page. Is there something I can do to make this update "globally"? 

Hey @bangank36 I would really appreciate your input here, again. the code you provided is working on the homepage summary, but the event page and details pages still looks terrible and inaccurate. Thanks so much!

Hi, just following up here for anyone to assist. The code above works for the main summary page, but not the event detail pages.