Remove time in events page

On 12/9/2021 at 7:05 PM, Allya said:

Hi @tuanphan

I've tried the codes you have provided above to hide the time on the event pages.

Unfortunately it's not working for me either. I'm on a basic commerce plan and would like to hide the times underneath the date on all of my events. See screenshot attached.

Additionally I want to hide the links to the other events at the bottom (left and right) of the events pages. See other screenshot attached.

Can you think of a solution for those two things?

That's the link.

https://www.hof-im-bundi.ch/events/sternrittzumbundi

 

Thank you so much in advance,

Allya

 

 

Add to Design > Custom CSS

li.eventitem-meta-item.eventitem-meta-time.event-meta-item {
    display: none;
}
.item-pagination[data-collection-type^="events"], .item-pagination[data-collection-type^="events"] {
    display: none;
}

Thank you so much @tuanphan 🙏

The time on my other events is still there though. Is there a css code which hides times on all the events?

On 12/12/2021 at 2:21 PM, Allya said:

Thank you so much @tuanphan 🙏

The time on my other events is still there though. Is there a css code which hides times on all the events?

I see no time here. Can you take a screenshot & share link to page where you still have problem?

https://www.hof-im-bundi.ch/events/sternrittzumbundi

@tuanphan The time seems to be on all events that are longer than one day. Like this one. 

https://www.hof-im-bundi.ch/events/anfaenger-reitlager

Thank you in advance 🙂

On 12/12/2021 at 7:21 AM, Allya said:

The time seems to be on all events that are longer than one day.

To remove the times on multi-day event pages, add this to Design > Custom CSS:

.eventitem--multiday .eventitem-meta-time, .eventitem--multiday .eventitem-meta-date .event-date:after {
  display: none;
}

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️

Hello, I've been trying to remove some things from my Squarespace template, among which the time of events, that's why I'm posting on this thread. I've tried adding all the code snippets(one at a time) that the kind people have provided to Design > Custom CSS, but the time on my events is still displayed. I want to change some other things too, so I'll write everything down specifically: 

- remove time from events
- remove end date from events
- display all events on one column, not divided to past and upcoming. 

I'm new to Squarespace and the website I'm working on is not published yet, so please let me know what url I should provide for someone to help.  

thanks in advance, I appreciate any help on this. 🙏  

17 minutes ago, harry_ said:

I'm new to Squarespace and the website I'm working on is not published yet, so please let me know what url I should provide for someone to help.  

Welcome 👋.

Solutions are often specific to the template/version you are using and the settings you have selected so when you're asking a question it's really helpful if you can supply us with the site's URL. You'll find it in the browser's toolbar ending with .squarespace.com (without the /config/... section). If the site isn't public or live yet, we'll also need you to set a public password in the visibility settings and tell us what it is.

Hi @paul2009 and thanks for your reply! 

the website url is: 
https://swordfish-sparrow-f2fh.squarespace.com/

password is " pleasefixthis " 😆

The events are under the News page. 

I'm on Squarespace version 7.1 as I can see on the bottom left of the Help page, but I can't see -and don't remember- which template I'm using. 
According to this link https://support.squarespace.com/hc/en-us/articles/115005308187-What-s-my-site-s-version-and-template- , the template should be displayed next to the version of Squarespace but I don't see it there. 

Let me know if you need anything else from my side. 

On 1/17/2022 at 5:04 AM, harry_ said:

I'm on Squarespace version 7.1 as I can see on the bottom left of the Help page, but I can't see -and don't remember- which template I'm using. 

It is a bit confusing but v7.1 has only one template. What SS calls templates on v7.1 are starting points with a particular group of color themes and some other bits and bobs.

So giving us the URL of your site is all we need to get started on trying to help you.

6 hours ago, harry_ said:

- remove time from events
- remove end date from events

Add the following to Design > Custom CSS.

/* begin hide event times and end date */

  .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-date .event-date:after {
  
    content : '';
    
    }
    
  .eventlist-event--multiday .event-datetime-divider:before,
  .eventlist-meta-time,
  .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-date .event-date:nth-of-type( 2 ),
  .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-time
  
    {
    
      display : none;
      
      }
      
  /* end hide event times and end date */

This is for v7.1 and specific to the poster's need.

Let us know how it goes.

@creedon thanks a lot for your help ! It worked 🙂  .
Now I only see the start date of events which is what I wanted. I want to use this feature more like blog posts, so event start date = post entry date. 

I think I also figured out how to display all events on one column! 

Thanks for your help, much appreciated! 

I've followed quite a few of these threads and have been able to remove time (thank you @creedon and @tuanphan!!), but similar to MeganG's previous post, the commas are still showing after the year. Any specific code to remove those? 

24 minutes ago, sarahsehg said:

but similar to MeganG's previous post, the commas are still showing after the year. Any specific code to remove those?

Try the following but I can't be sure it will work without seeing the event page.

/* begin hide event times and separators */

  .eventitem--multiday .eventitem-meta-time {
  
    display : none;
    
    }
    
  .eventitem--multiday .eventitem-meta-date .event-date:after {
  
    content : unset;
    
    }
    
  /* end hide event times and separators */

This is for v7.1.

Let us know how it goes.

Hi, I need some help. I need to remove this section to one event. How I can do it? Then the full page have to be in center. Link is here: https://www.minec.ee/koolitus/event-minec-forum-2022

3 hours ago, Janeli said:

Hi, I need some help. I need to remove this section to one event. How I can do it? Then the full page have to be in center. Link is here: https://www.minec.ee/koolitus/event-minec-forum-2022

Edit that event > Add a Code Block at bottom of description > Add this code

<style>
  .eventitem-column-meta {
    display: none;
}
</style>

Thank you so much for the code. This is what worked for me to remove time

/* remove event time from calendar */
li.eventlist-meta-item.eventlist-meta-time.event-meta-item {
    display: none;
}

I am having trouble removing the time from the calendar block I have added https://www.expressivearomas.com/events-calendar

On 8/28/2023 at 11:50 AM, expressivearomas said:

Thank you so much for the code. This is what worked for me to remove time

/* remove event time from calendar */
li.eventlist-meta-item.eventlist-meta-time.event-meta-item {
    display: none;
}

I am having trouble removing the time from the calendar block I have added https://www.expressivearomas.com/events-calendar

 

You mean remove this

This is another variation on hiding these elements.

Add the following to Website > Website Tools > Custom CSS.

/* begin events page list stacked multiday times and separators hide */

  .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-time {
  
    display : none;
    
    }
    
  .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-date .event-date:after {
  
    content : unset;
    
    }
    
  /* end events page list stacked multiday times and separators hide */

This is for v7.1.