This only hides the events with the status "closed" from the page. They are, however, still present. So, if the page displays 12 events, and 9 of those are "closed", the page will hide them, so only 3 events will appear on the page.
PS If you need help with adding custom CSS to the page, please take a look at this article.
Hi, I tried hiding with CSS however it leaves the pagination on screen, so the customer has to click to page 2 to find the latest and open courses they can book.
Hi,
Is there a way to automatically hide events when they are closed?
Hi Shelley
Thank you for reaching out to us.
Please try to add this CSS to the Events page in order to hide Closed Events:
.am-event-list .closed {display: none !important;}This only hides the events with the status "closed" from the page. They are, however, still present. So, if the page displays 12 events, and 9 of those are "closed", the page will hide them, so only 3 events will appear on the page.
PS If you need help with adding custom CSS to the page, please take a look at this article.
Hi, I tried hiding with CSS however it leaves the pagination on screen, so the customer has to click to page 2 to find the latest and open courses they can book.
Hi Shelley
Unfortunately this is a known limitation. There is nothing we can do about it I'm afraid as this is the only workaround we can offer currently.