Support

Home Forums Event Espresso Premium Hide Event from Event Listing Using CSS

Hide Event from Event Listing Using CSS

Posted: February 15, 2017 at 12:13 pm


asse2014

February 15, 2017 at 12:13 pm

Attempting to hide an event the event listing using css.

Added tag-hidden to the event. Code looks like this

<article id=”post-680″ class=”post-680 espresso_events type-espresso_events status-publish post-password-protected hentry tag-hidden espresso_event_type-single-event”>

Also added this to the CSS
.post-type-archive-espresso_events .type-espresso_events.tag-hidden {display: none;}

Event still displays. Can you help?


Tony

  • Support Staff

February 15, 2017 at 12:23 pm

Hi there,

Can you link us to the page so we can view this please?


asse2014

February 15, 2017 at 12:27 pm

http://region3.asse.org/event/


Tony

  • Support Staff

February 15, 2017 at 12:42 pm

Your current rule set works here: http://region3.asse.org/events/

But not on the /event/ page as there is no .post-type-archive-espresso_events on that page.

You could use:

.post-type-archive-espresso_events .type-espresso_events.tag-hidden,
.page-id-20 .type-espresso_events.tag-hidden {display: none;}

To remove it from both pages.


asse2014

February 15, 2017 at 12:47 pm

Perfect!! Thanks for responding so fast.


Tony

  • Support Staff

February 15, 2017 at 12:51 pm

You’re most welcome.

Just to note that additional rule is specific to the /event/ page you have .page-id-20, so if you use the ESPRESSO_EVENTS shortcode anywhere else you’ll also need to add additional rules for there.

The support post ‘Hide Event from Event Listing Using CSS’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso