[Share] (Event Detail) Add custom info

You can follow these to add custom info to Event Detail Left Column. Something like this (Nick H. 17 September 2024)

If you can't make it work, you can comment below with site url or message me, I can check easier.

#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

<style>
  ul.eventitem-meta.event-meta.event-meta-date-time-container {
    display: none;
}
</style>

result