How to hide metadata (event title, date, time) for events?

Hi there,

I would like to hide the metadata from view on our events pages as the way it is presented makes it confusing for our customers as we sometimes have 2-day shows or 2 shows on the same day, and Squarespace doesn't allow for multiple time slots for one event.

I am planning on typing out the event information in a text block, so I'd like to remove the whole bit on the left from view, but still use the metadata for summary blocks and other stuff. And if there's a way to then shift all the content over to the left so that it's centered on the page, that would be super awesome too.

I would like to do this for all of my event pages on my site.

Thanks so much in advance, a fix for this would be an absolute lifesaver.

2 hours ago, StreathamSpaceProject said:

Hi there,

I would like to hide the metadata from view on our events pages as the way it is presented makes it confusing for our customers as we sometimes have 2-day shows or 2 shows on the same day, and Squarespace doesn't allow for multiple time slots for one event.

I am planning on typing out the event information in a text block, so I'd like to remove the whole bit on the left from view, but still use the metadata for summary blocks and other stuff. And if there's a way to then shift all the content over to the left so that it's centered on the page, that would be super awesome too.

I would like to do this for all of my event pages on my site.

 

Thanks so much in advance, a fix for this would be an absolute lifesaver.

 

Can you share your website URL?

1 hour ago, Web_Solutions said:

Can you share your website URL?

https://www.streathamspaceproject.co.uk/whats-on-calendar/burnsnightceilidh-26jan34

Thanks so much!

8 minutes ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.view-item .eventitem-column-meta {
    display: none !important;
}
.view-item .eventitem-column-content {
    padding: 0 !important;
    margin-left: 15% !important;
}

 

It worked beautifully! Thank you so much!!

Hi there, 

I have an Upcoming Events page on my website. Some of the event dates are to be confirmed so instead of having a date display I would like to have TBC. 

Any suggestions?

TIA!

Hi there, 

I have an Upcoming Events page on my website. Some of the event dates are to be confirmed so instead of having a date display I would like to have TBC. 

Any suggestions?

TIA!

On 5/17/2024 at 3:12 PM, KCAG said:

 

Hi there, 

I have an Upcoming Events page on my website. Some of the event dates are to be confirmed so instead of having a date display I would like to have TBC. 

Any suggestions?

TIA!

 

Can you share link to this event page?

How can I disable the Event page thumbnails? I removed the images but they still show up as events.

This page is not enabled on my site yet.

On 5/23/2024 at 5:39 AM, thealk said:

How can I disable the Event page thumbnails? I removed the images but they still show up as events.

This page is not enabled on my site yet.

 

Use this code to Website > Website Tools > Custom CSS
 

a.eventlist-column-thumbnail {
    display: none !important;
}