Jump to content

How to hide times on Events calendar?

Recommended Posts

Site URL: https://estherhafoundation.org/events-calendar?view=calendar&month=01-2021

Hello!

I'm trying to delete the times on the events calendar (9a,12p etc.) and I can't seem to do it. I looked around and tried to utilize code in both the css of the specific events page, and in the design area, and im not sure if im doing it incorrectly.

span.eventlist-meta-time {
    display: none !important;
}

I used this code and I just pasted it into the design CSS block, I'm not super familiar with coding. It didn't work though. I'm using the Impact template.

Thank you ūüôā

Link to comment

Add to Design > Custom CSS

/* Hide am pm */
.flyoutitem-datetime.flyoutitem-datetime--12hr {
    display: none !important;
}

 

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/30/2021 at 9:54 PM, tuanphan said:

Add to Design > Custom CSS


/* Hide am pm */
.flyoutitem-datetime.flyoutitem-datetime--12hr {
    display: none !important;
}

 

Hello! Thank you so much for replying! Where exactly do I post this in the CSS code?

Thank you again! ūüôā

Link to comment
  • 2 months later...

Hi. I'm also trying to remove the time from the calendar. I tried the above code. The time is gone from the fly out,  but the time still displays on the calendar. I'm using version 7.1.  Is there a different variable for the time that displays on the calendar?  Thanks.

Edited by tmorrogh
Link to comment

Yes the code is probably different to make the code go away on the calendar.

Please post the URL to the page on your site where you want the time gone.

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 is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

@tmorrogh

Add the following to Design > Custom CSS.

.yui3-squarespacecalendar .item-time.item-time--12hr,
.yui3-squarespacecalendar .item-time.item-time--24hr

  {
  
    display : none;
    
    }

This if for v7.1.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

That worked. 

Thanks very much for your help. 

I really don't know very much about CSS and I'm new to SquareSpace.  With the help you've given me, I see now that when I inspect the code I can see the .item-time.item-time--12hr and 24hr variables and a reference to the .yui3-squarespacecalendar structure. 

Thanks again.

Link to comment
  • 7 months later...
56 minutes ago, Cheshire said:

I'm trying to remove the time stamp on my events (calendar) page.

Add the following to Design > Custom CSS.

/* remove time from events */

#collection-6197daa2e8e59e1d2d965d4a .eventlist-meta-time {

  display : none;

  }

This is for v7.0 using the Bedford template family.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 1 year later...
On 1/31/2021 at 3:54 AM, tuanphan said:

Add to Design > Custom CSS

/* Hide am pm */
.flyoutitem-datetime.flyoutitem-datetime--12hr {
    display: none !important;
}

 

This hides the time and date. Is there a code which only hides the time but keeps the date?

Link to comment
On 9/29/2023 at 8:13 PM, Mikala said:

This hides the time and date. Is there a code which only hides the time but keeps the date?

Can you share link to page? I will check it again

50 minutes ago, aquariusgarcelon said:

 Wondering if you could help me hide the end time on events in the summary block as seen below on the homepage of this site.

www.themainestage.me


image.thumb.jpeg.1dfc31275686c73284614761319ef6c5.jpeg

I'm checking this, will give code soon today

Edited by tuanphan

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 10/3/2023 at 10:00 AM, aquariusgarcelon said:

@creedon or @tuanphan Wondering if you could help me hide the end time on events in the summary block as seen below on the homepage of this site.

www.themainestage.me


image.thumb.jpeg.1dfc31275686c73284614761319ef6c5.jpeg

This is a bit tricky

Add this to Custom CSS box

body.homepage {
time.summary-metadata-item.summary-metadata-item--event-time {
    overflow: hidden;
    width: 50px;
}
span.event-time-localized {
    white-space: nowrap;
}
}

 

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 10/4/2023 at 12:58 AM, Mikala said:

@tuanphan sure: https://alessio-miggiano.squarespace.com/rennen
Password: alessio

(Events start from December)

You mean hide this?

image.png.cfba6e1587d5eb3f332aa45add3cd2a3.png

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
8 hours ago, Mikala said:

@tuanphan Yes exactly, I would like to see the date and the categroy/tag there.

With time, add to Website Tools (under Not Linked) > Custom CSS

span.item-time {
    display: none !important;
}

With category, I have no idea now

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

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...

I am trying to hide the END time of an event on ALL summary blocks. I need to hide this within the meta tag I believe, but all of the codes I've tried here aren't working. 

With this code, I was able to hide the event time, but the time gets pushed up in a weird formatting way. How do I keep it evenly aligned with the rest of the metadata?

body.homepage {
time.summary-metadata-item.summary-metadata-item--event-time {
    overflow: hidden;
    width: 50px;
}
span.event-time-localized {
    white-space: nowrap;
}

And even though it's working in that summary block, it's not working in others on other pages.

Screen Shot 2023-11-03 at 2.38.25 PM.png

Screen Shot 2023-11-03 at 2.38.09 PM.png

Link to comment
26 minutes ago, cassiepdx said:

I am trying to hide the END time of an event on ALL summary blocks.

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

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and 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 site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
5 hours ago, creedon said:

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

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and 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 site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

 

https://lily-glockenspiel-trzw.squarespace.com/schedule

Password: jazz

Link to comment
8 hours ago, cassiepdx said:

I am trying to hide the END time of an event on ALL summary blocks.

Please see Summary Block Events End Time Remove.

Let me know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
17 hours ago, creedon said:

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

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and 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 site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

From everything I can tell, this worked! You are amazing, I have searched everywhere. THANK YOU 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.