How to “Display: none” the category icon and meta line?

  • kd

    (@skylinedale)


    8 months, 1 week ago

    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 >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 ??

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try adding !important. For example:

    .em-item-meta-line {
    display: none !important;
}
    Thread Starter kd

    (@skylinedale)

    Excellent, Joneisman!

    What happened is this: the entire block of meta line items – Title, Date, Time, Ticket Price, Location URL, and Category – disappeared (which gave me a clue about what to try next).

    This worked:

    .em-event-categories {
   display: none !important;
}

    Thank you so much! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to “Display: none” the category icon and meta line?’ is closed to new replies.