I’m using the below as previous suggested to hide tickets pending, but for whatever reason, the pending tickets are showing in a separate event I have listed on my site. Any suggestions?
/* EE4 Hide a tickets option with a status of sold out */
.espresso_events .ticket-sales-sold-out {display:none;}
/* EE4 Hide a tickets option with a status of expired */
.espresso_events .ticket-sales-expired {display:none;}
/* EE4 Hide a tickets option with a status of upcoming */
.espresso_events .ticket-pending {display:none;}
It looks like you are adding a ticket selector shortcode to a page, is that correct?
The CSS selectors you are using above are looking for tickets within a containing element using a class of espresso_events, so in a nut shell will only work for Event Espresso post types, not pages within the ticket selector shortcode.
If you want to apply that CSS to all of your site, change .espresso_events to .tkt-slctr-tbl-wrap-dv, so you would then have:
/* EE4 Hide a tickets option with a status of sold out */
.tkt-slctr-tbl-wrap-dv .ticket-sales-sold-out {display:none;}
/* EE4 Hide a tickets option with a status of expired */
.tkt-slctr-tbl-wrap-dv .ticket-sales-expired {display:none;}
/* EE4 Hide a tickets option with a status of upcoming */
.tkt-slctr-tbl-wrap-dv .ticket-pending {display:none;}
The support post ‘Hide Tickets NOT on Sale (part 2)’ 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.
Support forum for Event Espresso 3 and Event Espresso 4.