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
You can’t perform that action at this time.