Jump to content

How to Remove Time in Multi-date Events Block

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://www.frankmeuschke.com/upcoming-classes-events/2022/6/5/shifting-landscape-class

Hi. For this events page, Wells Template, I have a multi day class that is on different days. To make the template-forced this date -that date make any sense, it's best to remove the time. What is the code injection to change only this event to have no time included on both the event list page and the independent event page? https://www.frankmeuschke.com/upcoming-classes-events/2022/6/5/shifting-landscape-class

I've noticed on some other poster's attempts to remove the time, the comma after the year remains -I can also see that is an independent element in my inspector. How to make sure that is removed would also be helpful and look a lot better.

If I cannot remove the time only, I am willing to remove the whole date and time for only this event.

Thank you.

Edited by Frank_Mound
added information
Link to comment
  • Solution
On 4/20/2022 at 8:36 PM, Frank_Mound said:

I have a multi day class that is on different days. What is the code injection to change only this event to have no time included on both the event list page and the independent event page?

You should be remove the times (and the commas!) from multi-day events by adding the following to Design > Custom CSS:

/* Hide times for multi-day events */ 
.eventitem--multiday .eventitem-meta-time, .eventitem--multiday .eventitem-meta-date .event-date:after {
  display: none;
}
.event-list-time .eventlist-event--multiday .eventlist-meta-time, .event-list-time .eventlist-event--multiday .eventlist-meta-date .event-date:after {
  display: none;
}

This should apply to any template showing events on an Events Page in list format.

Example:

image.png.796b83b8252adcb9991a416fbd79cbf2.png

Was this post helpful? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
1 hour ago, paul2009 said:

You should be remove the times (and the commas!) from multi-day events by adding the following to Design > Custom CSS:

/* Hide times for multi-day events */ 
.eventitem--multiday .eventitem-meta-time, .eventitem--multiday .eventitem-meta-date .event-date:after {
  display: none;
}
.event-list-time .eventlist-event--multiday .eventlist-meta-time, .event-list-time .eventlist-event--multiday .eventlist-meta-date .event-date:after {
  display: none;
}

This should apply to any template showing events on an Events Page in list format.

Example:

image.png.796b83b8252adcb9991a416fbd79cbf2.png

Was this post helpful? Please give feedback by clicking an icon below  ⬇️

I believe it has worked! Thank you. So, the case is that any multiday event will have no times (and commas!) in the future, correct?  There's no way to do individual events, only?

Link to comment
12 minutes ago, Frank_Mound said:

There's no way to do individual events, only?

Can you give an example of when you’d want times on a multi-way event?

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment

Ideally...I have an online class that is held 7-8:30 each day, but the it begins with one session on a Sunday, then afterward it is on four Mondays, until the final class. That was the problem I was trying to solve, but just removed the times for a cleaner look and put that info in the description.

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.