Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
alexpanek

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

Question

Recommended Posts

  • 1

@alexpanek Add to Home > Design > Custom CSS


.summary-thumbnail-event-date {
   display: none !important;
}



You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 1

@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.

Edited by tuanphan
Initial Revision

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

I already managed to hide date and time from the event page using below code in page header code injection

Unfortunately it is still showing in summary block on my homepage. Anybody know how can I hide it from there as well?

Share this post


Link to post
  • 0

@alexpanek Have you resolved yet? I don't see event date


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@alexpanek where homepage? The link you sent can't access.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Thanks amazing! Thank you very much @ tuanphanCould you also write a code if I wanted to display only month without specific date? (My client will probably ask me for this option too)

Share this post


Link to post
  • 0

@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.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Hi @tuanphan, sorry to bother you again :)Would you be able to help me with one more thing regarding hiding the dates?I attached a screenshot explaining what dates I want to hide as well.

Thank you

question.jpg.f73e35dca29101a2fe747cad620ce37a.jpg

Share this post


Link to post
  • 0

@alexpanek screenshot too small. Not really understand what you mean.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@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

Share this post


Link to post
  • 0

Hi @tuanphan. Thank you for this, yes I would prefer to hide only the dates and leave later/earlier. Could you please send the code for this?Thank you very much for your help, you are the best!

Share this post


Link to post
  • 0

@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:";
}



You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@alexpanek


.newsletter-form-wrapper {
   background: transparent !important;
   border: 5px solid #fff;
}





You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@silvabokis h2.newsletter-form-header-title { color: #fff !important; }


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
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?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...