|
10amcreative
|
May 28, 2017 at 10:03 pm
I’m using EE4 with a third-party ticketing system and I would like to have a parent CSS class showing that an event has expired.
I use the EE4 Ticketing for event dates, times, ticket price, and sold out in order to populate these fields throughout the site. The actual EE4 ticket is never seen or interacted with on the frontend. The sold out status is set manually by an admin as events sell out on the third-party ticketing system.
From what I can find in the forums, the only CSS specific to expired events is on the actual EE Ticket: .espresso_events .ticket-sales-expired
Unfortunately this CSS class isn’t helpful to me because it’s applied directly to the ticket.
Is there a way to have a CSS class, ideally on the <article> tag, for when the last date and time of an event has expired?
|
|
Josh
|
May 29, 2017 at 12:32 pm
Hi there,
You can use the WordPress post_class filter to add more classes.
You’ll find an example here:
https://gist.github.com/joshfeck/62ed8a969fe69351a09a5db399863fba
|
|
10amcreative
|
May 29, 2017 at 2:06 pm
Perfect! Thanks!
For anyone else who comes across this thread, Josh’s code adds DTE to the <article> tag for expired events and DTU for upcoming events.
Also potentially useful (although I’m not going to use it for my current project) it adds DTA for events that are current happening.
Thanks so much Josh!
|
