Jump to content

EVENTS PAGE --- NEED to remove "times" from multi-day events

Recommended Posts

Site URL: https://www.genesisart.org/our-events

Client has "gallery" events which last several WEEKS. So "time" (unless it can be customized for every day) really doesn't work — and is confusing to viewers.

We're using the BRINE template (I think it's 7.1?) — and I DO already have a working code for "no hyphens." Just need to ADD CODE that removes the TIME from multi-day events...... HELP?? 🙂 

 

Also SqSp "Live Chat" seems to have gone away...... YIKES.  

Here's the code I've used (below).
And a screen shot (with times STILL showing). 


p, h1, h2, h3 {
  -webkit-hyphens: manual !important;
  -moz-hyphens: manual !important;
  -ms-hyphens: manual !important;
  hyphens: manual !important;
}h1 a, h2 a, h3 a, p a{border-bottom-style: none !important;}
h1 a, h2 a, h3 a{color: #d15e31}
.eventitem--multiday .eventitem-meta-time, .eventitem--multiday .eventitem-meta-date .event-date:after {
  display: none;
}

pic 2022-02-04 at 1.25.14 PM.jpg

Link to comment
16 hours ago, bonjouryall said:

Client has "gallery" events which last several WEEKS. So "time" really doesn't work. We're using the BRINE template (I think it's 7.1?) — Just need to ADD CODE that removes the TIME from multi-day events

You're using a Brine-family template, on Squarespace 7.0.

To hide the times, you'll need to hide the time as well as the comma that appears between the date and time. Here's some CSS that you can add to Design > Custom CSS to hide both. The first section removes the comma; the second removes the time on multi-day events.

.event-list-time .eventlist-event--multiday .eventlist-meta-date .event-date:after {
    content: "";
}
.event-list-time .eventlist-event--multiday .eventlist-meta-time {
    display: none;
}

After adding the CSS:

745087517_Screenshot2022-02-05at10_45_48.thumb.png.707170c2678f4b2233c61393173fb01d.png

 

We like to know if our posts help. Please consider clicking a 'Like' or 'Thanks' icon below  ⬇️

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.

Buy me a coffee

Link to comment
  • 6 months later...
2 minutes ago, earthwindflowermoon said:

I want to hide the time on one of these pages only.

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
2 hours ago, earthwindflowermoon said:

but now how to hide on the actual event itself?

Add the following to your current CSS wherever it may be.

.collection-630ab6721cc4e22a6b4ac6fe .eventitem--multiday .eventitem-meta-date .event-date::after {

  content : '';
  
  }

.collection-630ab6721cc4e22a6b4ac6fe .eventitem--multiday .eventitem-meta-time {

  display : none;
  
  }

This is for v7.1 and specific to the posters need.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
41 minutes ago, MSalas said:

just list a start time and not an end time?

Add the following to Events Settings > Advanced > Page Header Code Injection for the events page. Please see per-page code injection.

<style>

  .eventlist-event .event-datetime-divider,
  .eventlist-event .event-time-12hr-end,
  .eventlist-event .event-time-24hr-end,
  .eventitem .event-datetime-divider,
  .eventitem .event-time-12hr-end,
  .eventitem .event-time-24hr-end
  
    {
    
      display : none;
      
      }
      
  </style>

This is for v7.0 using the Five template.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
On 8/30/2022 at 11:47 AM, creedon said:

Add the following to Events Settings > Advanced > Page Header Code Injection for the events page. Please see per-page code injection.

<style>

  .eventlist-event .event-datetime-divider,
  .eventlist-event .event-time-12hr-end,
  .eventlist-event .event-time-24hr-end,
  .eventitem .event-datetime-divider,
  .eventitem .event-time-12hr-end,
  .eventitem .event-time-24hr-end
  
    {
    
      display : none;
      
      }
      
  </style>

This is for v7.0 using the Five template.

Let us know how it goes.

Thank you, that worked great!

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.