Greetings,

How to “Display: none” the category icon and meta line listed at the bottom of the event Title, Date, Time, Ticket Price, and Location URL meta lines?

When looking at the HTML generated through the browser developer code, this is what I’m talking about:

<div class="em-item-meta-line em-item-taxonomy em-event-categories">
<span class="em-icon-tag em-icon"></span>
<ul class="event-categories">
<li><a href="https://mydomain.net/events/categories/events/">Events</a></li>
</ul>
</div>

I have already tried adding additional CSS using the Customizer (which had no effect):

.em-item-meta-line, .em-item-taxonomy, .em-event-categories, .em-icon-tag, .em-icon {
    display: none;
}

Thank you for looking at this 🙂