Events Detail Page Width

Site URL: https://bachariasoloists.squarespace.com/events-one/thailand-international-composition-festival

There is not much flexibility with Events detail pages. I would like to change the page width so it is consistent with other pages. Currently the width goes across the browser left and right. Does anybody know any code to change the page width of these Event detail pages.

LINK: https://bachariasoloists.squarespace.com/events-one/thailand-international-composition-festival

PASSWORD IS:  password

Thanks in advance

Use this CSS to change event page width

.tweak-events-stacked-height-small .events {
    width: 90%;
    margin: 0 auto;
}

Thank you so much, tuanphan!

I'm having the same issue!

Can't seem to change the width of an events page. It's much too wide for me.

Here's the site I'm working on (password: Password):
violet-beige-g2xj.squarespace.com/shows 

Here's her current site with a constraint width that we'd like:
https://www.lexiadamsmusic.com/dates-of-shows

Thanks for any help!!

16 hours ago, adriannexo said:

I'm having the same issue!

Can't seem to change the width of an events page. It's much too wide for me.

Here's the site I'm working on (password: Password):
violet-beige-g2xj.squarespace.com/shows 

Here's her current site with a constraint width that we'd like:
https://www.lexiadamsmusic.com/dates-of-shows

Thanks for any help!!

Add to Design > Custom CSS

/* Event list page width */
.sqs-events-collection-list.events.events-list.events-stacked {
    max-width: 1080px;
    margin: 0 auto;
}