Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Addendum: How to Hide Certain Elements on the Event Espresso Pages using CSS

This is additional information for the following tutorial:

http://eventespresso.com/wiki/hide-certain-elements-event-espresso-pages-using-css/

Event Espresso 4 has the following pages available for events and venues:

  • Event listing page (shows a list of your events)
  • Events category page (shows a specific category of your events)
  • Single event page (shows event information for a specific event)
  • Venues listing page (show a list of your venues)
  • Venues category page (shows a specific category of your events)
  • Single venue page (show venue information for a specific venue)

Here are CSS examples on how to hide elements on various Event Espresso 4 pages by targetting the a body class along with a class of postmeta:

/* Hide an element on the events listing page that has a class of postmeta */
.post-type-archive-espresso_events .postmeta {display:none;}
/* Hide an element on all events category pages that have a class of postmeta */
.tax-espresso_event_categories .postmeta {display:none;}
/* Hide an element on all single event pages that have a class of postmeta */
.single-espresso_events .postmeta {display:none;}
/* Hide an element on the venues listing page that has a class of postmeta */
.post-type-archive-espresso_venues .postmeta {display:none;}
/* Hide an element on all venue category pages that have a class of postmeta */
.tax-espresso_venue_categories .postmeta {display:none;}
/* Hide an element on all single venue pages that have a class of postmeta */
.single-espresso_venues .postmeta {display:none;}

The examples above can be added to your child theme's stylesheet or a plugin like Reaktiv CSS Builder or Simple Custom CSS.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment