events-page Stacked view event single page

Site URL: https://cube-chameleon-95tz.squarespace.com/events-2/event-one-2mlg9

Hi!

Is it possible to have a stacked view on a event single page like squarespace 7.0 using code?
I really miss the flexibility to build a custom event page!

Password: 315171

Appreciate any help! : )
Michel
 

Hi, You mean, layout on all devices

Back to events

Event title

Event meta

Event description

Event pagination

All are in 1 column, center. Is this right?

Yes,  tuanphan! : )
Like we have on the old version from squarespace.

On 7/4/2021 at 5:21 AM, michel said:

Yes,  tuanphan! : )
Like we have on the old version from squarespace.

Try adding to Design > Custom CSS

/* Events detail stacked */
/* event details page */
.eventitem {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
}
.eventitem>div {
    flex: 1 0 100% !important;
    width: 100% !important;
    padding-left: 0;
    box-sizing: unset !important;
    text-align: center;
}

Awesome! Really appreciate your help! Thanks!!! 🙂

Hi, tuanphan!
Sorry for the delay. Thanks for your help so long. I managed to issue with the event page using a summary to show all the events.  : )