Jump to content

I would like to hide dates of an events using CSS.

Recommended Posts

  • Replies 30
  • Views 4.8k
  • Created
  • Last Reply

@alexpanek


/* Hide all */
.summary-thumbnail-event-date {
   display: none !important;
}
/* Hide MONTH */
span.summary-thumbnail-event-date-month {
   display: none !important;
}
/* Hide DATE */
span.summary-thumbnail-event-date-day {
   display: none !important;
}

If you want to hide date for specific event, it will difficult to you. Because you need to check the ID of that Event. If you don't know HTML / CSS, it's difficult to check that.

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

@tuanphan Sorry for that, what I mean is when I click on the event on the homepage (summary block) new window with that particular event opens. On the bottom are shown earlier event (on the left) and later event (on the right) which you can click to check earlier/later events. The dates are shown and I would like to hide them.

https://heron-gar-tw2b.squarespace.com/config/pages

This screenshot should be better

screenshot-2019-08-20-at-225055.png.e6db99cfdc03f21c7bcd6763ee39819f.png

Link to comment

@alexpanek Use this code


.collection-type-events .eventitem-pager-date {
   display: none;
}

Text "Later/Earlier" & Date in a HTML tag, so the CSS will hide both. If you don't want to hide Later/Earlier, please let me know, i will send other CSS.

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

@alexpanek

Remove above code, and use this


/* Hide all */
.collection-type-events .eventitem-pager-date {
   visibility: hidden;
}
/* Add text Earlier Event */
.eventitem-pager-older .eventitem-pager-date:before {
   visibility: visible;
   content: "Earlier Event:";
}
/* Add text Newer Event */
.eventitem-pager-newer .eventitem-pager-date:after {
   visibility: visible;
   content: "Newer Event:";
}


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

Hi @tuanphan. Thank you once again, I think im good for know. My client will now review the website and we will go live. I will see how everything will run and if I need any more help I will definitely use your paid service. For now I will send you a donation for your help if that's ok?This was my first time I've built website and used squarespace forum so I'm only just learning how things works.

Have a great day Regards Alex

Link to comment
  • 7 months later...

hi there @tuanphan this is all very helpful! thank you! i was wondering if i can keep the event date icon but make this so you cant click on it. at the moment  i have a block next to my event that says the event dates, and this is automatically a link. and it links it to basically another page identical to the event so its pointless i was wondering if there was anyway round this? i would be happy to make it a link to a separate page i.e a page with the calendar on or disable it entirely as a clickable link would also work

 

thank you

Link to comment
14 hours ago, RunatitSHOUTING said:

hi there @tuanphan this is all very helpful! thank you! i was wondering if i can keep the event date icon but make this so you cant click on it. at the moment  i have a block next to my event that says the event dates, and this is automatically a link. and it links it to basically another page identical to the event so its pointless i was wondering if there was anyway round this? i would be happy to make it a link to a separate page i.e a page with the calendar on or disable it entirely as a clickable link would also work

 

thank you

Can you share link to event page on your site?

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.