(Event List) Replace Date with TBC

#1. Edit Event > Add a “TBC” text in Excerpt.

#2. Use Monospace for this text

#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(){
    $('.eventlist-excerpt pre code:contains("TBC")').closest('.eventlist-event').addClass('tbc-event');
});
</script>
<style>
.eventlist-excerpt pre {
    display: none;
}
.tbc-event .eventlist-datetag>div:after {
    content: "TBC";
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tbc-event .eventlist-datetag>div>div {
    opacity: 0;
}
</style>

#4. Result

Ask me a question, free