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.