Hi, I'd like to know if there's a way I can make the default display of the event ".am-active" by default? (i.e.booking form toggled to be open) It just doesn't look obvious enough that the class can be clicked to book.
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Hi, I'd like to know if there's a way I can make the default display of the event ".am-active" by default? (i.e.booking form toggled to be open) It just doesn't look obvious enough that the class can be clicked to book.
Hi Daniel
Thank you for reaching out to us.
Please try this solution:
<style> .am-event div:nth-child(2):not(.am-event-book-cta):not(.el-form-item):not(.am-event-sub-info):not(.el-select-dropdown):not(#am-spinner):not(.paypal-button) { display: block !important; } .am-event .am-event-data .am-event-info .am-event-sub-info div:nth-child(2) { display: inline-block !important; } </style>
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.