Event Custom Metadata

Description: I need to add a custom artist name and a custom date + time field inside “eventitem-column-meta.” The artist name should go above “eventitem-title” and date+time underneath, but they can both be underneath if that’s not possible.

#1. Edit each Event > Add a Code Block

#2. Enter this code format to Code Block

<div class="event-custom-metadata">
<h3>Nick H.</h3>
<p>17 September 2024</p>
</div>

#3. Use this code to Code Injection – Footer (or Event Page Header Code Injection)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('.event-custom-metadata').insertAfter('h1.eventitem-title');
});
</script>
<style>
.event-custom-metadata h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.event-custom-metadata p {
    margin-top: 2px;
    margin-bottom: 2px;
}
</style>

#4. Result

#5. If you want to remove the current Event Date/Time, use this code under

ul.eventitem-meta.event-meta.event-meta-date-time-container {
    display: none;
}

#6. Result