Jump to content

Hide Date on Event Summary Block for specific events

Recommended Posts

Site URL: https://www.saintsaviour.org/

In the Events Summary Block on Homepage: www.saintsaviour.org.  is the event "Valentine's Day Cards Needed."  The thumbnail image lists the date the event "started" as Jan 20.  As the text underneath indicates, the event is ongoing until Feb. 13.   

On the Events page  www.saintsaviour.org/events  -- the thumbnail image does include the event's end date.  

I've been asked if I could hide the date in the thumbnail for that one event, or, alternately, have it include the end date.  The person running the event worries that people will see Jan. 20th and assume the event is over.  People don't read 'the fine print.'   
 

From rummaging around the Squarespace forums, I see that this might entail selecting the event ID?   Any suggestions?

Thanks, by the way, for all the help we receive on this forum.  

Laura

Link to comment
On 1/26/2021 at 5:28 AM, Perses said:

image.png.ac5eb40c043ec259ec39e092013dd4fe.png
Site URL: https://www.saintsaviour.org/
This is an ongoing event that lasts until Feb. 13; it started Jan 20.  I'd like to hide the Jane 20 white icon.  OR, alternately include the end date, as it does on the Events page.     Thanks!

Add to Design > Custom CSS

a[href*="valentine-day-cards"] .summary-thumbnail-event-date>div>span {
    display: none;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 years later...
On 11/2/2023 at 7:51 AM, catalienne said:

Hi @tuanphan I tried the css code above and it didn't work for me.

I would like to remove date & time for specific events as the events are going and no end date.
Like this one?
https://busycitykids.com.au/sydney-calendar-events/2023/8/26/1001-remarkable-objects-at-powerhouse-ultimo-free

What's the format. I tried different ways no avail. thanks

Edit this event > Add a Code Block > Paste the code

<style>
  li.eventitem-meta-item.eventitem-meta-date.event-meta-item {
    display: none !important;
}
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
17 hours ago, tuanphan said:

Edit this event > Add a Code Block > Paste the code

<style>
  li.eventitem-meta-item.eventitem-meta-date.event-meta-item {
    display: none !important;
}
</style>

 

Amzing @tuanphan thanks that helped and worked for this event.

https://busycitykids.com.au/sydney-calendar-events/2023/10/29/shot-new-underground-photography-gallery-at-the-state-library-of-nsw

Is it possible to hide the date for some of the events listed on this page for example? It's generated from filter category Ongoing.
https://busycitykids.com.au/sydney-calendar-events?category=ONGOING

Thanks

Link to comment
On 11/5/2023 at 10:34 AM, catalienne said:

Amzing @tuanphan thanks that helped and worked for this event.

https://busycitykids.com.au/sydney-calendar-events/2023/10/29/shot-new-underground-photography-gallery-at-the-state-library-of-nsw

Is it possible to hide the date for some of the events listed on this page for example? It's generated from filter category Ongoing.
https://busycitykids.com.au/sydney-calendar-events?category=ONGOING

Thanks

Hi,

Hide Date on List Page or on all detail event page?

If list page, I can give code

If event detail, can you add a tag: hide-date for some events? I just want to test if we can target events with tag, because currently on-going category don't appear in code structure.

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

Contact Customer Care - Learn CSS - Buy me a coffee (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.