Remove time in events page

Hello, I'm trying to see if I can remove the start and end time for the events page. I don't have experience with coding - I tried to copy and paste what someone said in the forum from the past but it didn't seem to work. I'm working off of the Crosby template. This is my first time building a Squarespace page so any help is appreciated!

L.

Can you share link to event page? We can check easier.

Yes of course, sorry for my delayed response. https://www.juditdayspa.com/promotions

That worked, thank you so very much!

This code worked for me for multi-day events, but not for single day events. Any ideas? https://www.thebridge.me/events

21 hours ago, HollyJ said:

This code worked for me for multi-day events, but not for single day events. Any ideas? https://www.thebridge.me/events

Add to Design > Custom CSS

/* remove time */
time.event-date {
    display: none !important;
}

Thank you so much! Now this just took the date off and left the time 😉

Hello,

Trying to keep the the date and remove that time listing in 7.1...

/* remove time */
time.event-date {
    display: none !important;
}

^This snippet seems to be doing the opposite. Any help would be much appreciated

On 7/4/2021 at 6:35 AM, Eugene_541 said:

Hello,

Trying to keep the the date and remove that time listing in 7.1...

/* remove time */
time.event-date {
    display: none !important;
}

^This snippet seems to be doing the opposite. Any help would be much appreciated

Can you share link to event page on your site? We can check it again easier

Thanks Tuan, its:

https://www.thebigdirty.live/events

On 7/7/2021 at 1:00 PM, Eugene_541 said:

Thanks Tuan, its:

https://www.thebigdirty.live/events

To remove time, use this code

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

That worked, much appreciated!

Hi Tuan, you have been so helpful to the community. I have a slight issue with my News pages because I used the events function provided by the Bryant template. Please are you able to advise on how I can remove "time" on each news page and change "Back to all events" to "Back to all news" instead? The website is:

https://rovr.systems/news/cabin-fever-solved

On 8/8/2021 at 10:07 PM, HyperX said:

Hi Tuan, you have been so helpful to the community. I have a slight issue with my News pages because I used the events function provided by the Bryant template. Please are you able to advise on how I can remove "time" on each news page and change "Back to all events" to "Back to all news" instead? The website is:

https://rovr.systems/news/cabin-fever-solved

Hi. Use this CSS

/* remove am pm */
span.eventitem-meta-time {
    display: none !important;
}

With back to... Do you use Personal or Business Plan? each plan will have a different solution

Hi Tuan,

I tried the CSS but it leaves a dash in place of time, please help:

https://rovr.systems/news/cabin-fever-solved

Also, time is still visible on some news pages e.g.

https://rovr.systems/news/2020/10/1/virtual-reality-allows-bankers-to-get-back-out-on-the-trade-floor

For the "Back to all news", I am still on the Professional Plan, this was the previous "business plan".

I look forward to your reply.

On 8/12/2021 at 7:58 PM, HyperX said:

Hi Tuan,

 

I tried the CSS but it leaves a dash in place of time, please help:

https://rovr.systems/news/cabin-fever-solved

 

Also, time is still visible on some news pages e.g.

https://rovr.systems/news/2020/10/1/virtual-reality-allows-bankers-to-get-back-out-on-the-trade-floor

For the "Back to all news", I am still on the Professional Plan, this was the previous "business plan".

I look forward to your reply.

 

 

Don't remove above code

Add this code

If it works, I will check Back to

span.event-datetime-divider {
    display: none;
}
span.event-time-12hr {
    display: none;
}

Thanks Tuan, this works. How do we edit the "BACK TO ALL EVENTS" to "BACK TO ALL NEWS"

Please let me know. I appreciate your help...

10 hours ago, HyperX said:

Thanks Tuan, this works. How do we edit the "BACK TO ALL EVENTS" to "BACK TO ALL NEWS"

Please let me know. I appreciate your help...

Hi. Use this CSS

a.eventitem-backlink {
    visibility: hidden;
}
.eventitem-backlink:before {
    content: "\2190\0020 BACK TO ALL NEWS";
    visibility: visible;
}

This works, thanks alot!

Hi @tuanphan

Firstly, pretty new to custom CSS, so have checking forums a lot lately, and I gotta say WOW. You are so kind and helpful for noobies like myself. Thank you. 

I have been trying to use these snippets myself. This is what I have tried so far: 

/* remove am pm */
span.eventitem-meta-time {
    display: none !important;
}

a.eventitem-backlink {
    visibility: hidden;
}
.eventitem-backlink:before {
    content: "\2190\0020 Back";
    visibility: visible;
}

Resulting in this: 

As you probalby can see, the change to the back buttun is not working very well. Tried changing it to before, but that moved both the arrow and text towards center. Looked like I had ddded a margin/padding, but the txt move behind the arrow as it should be. 

On 11/10/2021 at 7:38 PM, torbjorn said:

Hi @tuanphan

Firstly, pretty new to custom CSS, so have checking forums a lot lately, and I gotta say WOW. You are so kind and helpful for noobies like myself. Thank you. 

I have been trying to use these snippets myself. This is what I have tried so far: 

/* remove am pm */
span.eventitem-meta-time {
    display: none !important;
}

a.eventitem-backlink {
    visibility: hidden;
}
.eventitem-backlink:before {
    content: "\2190\0020 Back";
    visibility: visible;
}

Resulting in this: 

As you probalby can see, the change to the back buttun is not working very well. Tried changing it to before, but that moved both the arrow and text towards center. Looked like I had ddded a margin/padding, but the txt move behind the arrow as it should be. 

Can you share link to event in screenshot? We can check easier

Hi @tuanphan!

I've implemented the code you provided and all looks great on my site. The times are hidden no problem. Is there any way to also hide the commas that are left after the date? See attached screenshot for what I'm reference.

Thank you in advance!

On 11/17/2021 at 6:32 AM, MeganG901 said:

Hi @tuanphan!

I've implemented the code you provided and all looks great on my site. The times are hidden no problem. Is there any way to also hide the commas that are left after the date? See attached screenshot for what I'm reference.

Thank you in advance!

Can you share link to event page in screenshot?

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