Jump to content

Change 7.1 Event Page Format

Recommended Posts

Can someone help with altering the appearance of individual event pages to line all of the content up on the left? I'm starting in 7.1 and the "Back to all events" column of basic event info appears to the left of all of the event details (see attached). I'd like everything to line up on the left so the event details don't appear to be tabbed over. Thanks in advance for any assistance.

Screen Shot 2021-04-14 at 2.25.13 PM.png

Screen Shot 2021-04-14 at 2.58.12 PM.png

Bremerton's Admiral Theatre is a 1942 art deco movie house and one of the Northwest's premier live entertainment and event venues. The Admiral Theatre Foundation is a 501c3 nonprofit arts organization responsible for operating and preserving this historic landmark. Our mission is to enrich our local communities through the arts, cultural education and live entertainment.

Link to comment
  • Replies 11
  • Views 2k
  • Created
  • Last Reply

Top Posters In This Topic

Page isn't live/published until later this week, but - https://cat-walrus-dgh4.squarespace.com/config/pages/605b9a3a50f11f568fc0ab08

Current site event page is at https://www.admiraltheatre.org/events/noquarter2021 (SS 7.0)

Edited by AdmiralTheatre

Bremerton's Admiral Theatre is a 1942 art deco movie house and one of the Northwest's premier live entertainment and event venues. The Admiral Theatre Foundation is a 501c3 nonprofit arts organization responsible for operating and preserving this historic landmark. Our mission is to enrich our local communities through the arts, cultural education and live entertainment.

Link to comment
On 4/19/2021 at 10:56 PM, AdmiralTheatre said:

Page isn't live/published until later this week, but - https://cat-walrus-dgh4.squarespace.com/config/pages/605b9a3a50f11f568fc0ab08

Current site event page is at https://www.admiraltheatre.org/events/noquarter2021 (SS 7.0)

You can setup password & share url.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Ok thanks. Link is https://cat-walrus-dgh4.squarespace.com and password is AdmiralTheatre.

Edited by AdmiralTheatre
added correct url

Bremerton's Admiral Theatre is a 1942 art deco movie house and one of the Northwest's premier live entertainment and event venues. The Admiral Theatre Foundation is a 501c3 nonprofit arts organization responsible for operating and preserving this historic landmark. Our mission is to enrich our local communities through the arts, cultural education and live entertainment.

Link to comment

I'm looking to move that event info column on the left over the top of the event info column on the right. This was possible in 7.0 (or was default)? I can't remember how we achieved that layout in 7.0.

admiraltheatrescreenshot.jpg

Screen Shot 2021-04-27 at 2.32.12 PM.png

Bremerton's Admiral Theatre is a 1942 art deco movie house and one of the Northwest's premier live entertainment and event venues. The Admiral Theatre Foundation is a 501c3 nonprofit arts organization responsible for operating and preserving this historic landmark. Our mission is to enrich our local communities through the arts, cultural education and live entertainment.

Link to comment
On 4/28/2021 at 4:33 AM, AdmiralTheatre said:

I'm looking to move that event info column on the left over the top of the event info column on the right. This was possible in 7.0 (or was default)? I can't remember how we achieved that layout in 7.0.

Add to Design > Custom CSS

/* 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;
}

 

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Thank you for your help! I'm getting a "Syntax Error on line 1."

Bremerton's Admiral Theatre is a 1942 art deco movie house and one of the Northwest's premier live entertainment and event venues. The Admiral Theatre Foundation is a 501c3 nonprofit arts organization responsible for operating and preserving this historic landmark. Our mission is to enrich our local communities through the arts, cultural education and live entertainment.

Link to comment

THANK YOU!!! You rock, worked beautifully! I changed code to justify content to the left, but perfect. Thank you for your time and help here.

Screen Shot 2021-05-05 at 9.43.27 AM.png

Bremerton's Admiral Theatre is a 1942 art deco movie house and one of the Northwest's premier live entertainment and event venues. The Admiral Theatre Foundation is a 501c3 nonprofit arts organization responsible for operating and preserving this historic landmark. Our mission is to enrich our local communities through the arts, cultural education and live entertainment.

Link to comment
On 5/5/2021 at 11:45 PM, AdmiralTheatre said:

THANK YOU!!! You rock, worked beautifully! I changed code to justify content to the left, but perfect. Thank you for your time and help here.

Screen Shot 2021-05-05 at 9.43.27 AM.png

Do you want to fix this?

(Mobile-Popup) Center text, same as desktop?

cat-walrus-dgh4.squarespace.com-01-min.p

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.