Remove End Time on Calendar Entries

Hello,

We'd love to remove the "end time" from our calendar and all event listings on our site. Is there a specific CSS code that will do that? Thank you! 

The site is www.elasticarts.org

-Ben

16 hours ago, ElasticArts said:

Hello,

We'd love to remove the "end time" from our calendar and all event listings on our site. Is there a specific CSS code that will do that? Thank you! 

The site is www.elasticarts.org

-Ben

Do you mean removing it for example?

You can remove the end time from Events pages with the following CSS (add to Design > Custom CSS😞

span.event-datetime-divider, time.event-time-localized-end {
  display: none;
}

The Calendar Block does not distinguish between the start and end times, so you cannot use CSS to hide just the end times. However, you can hide all the times on the calendar with the following CSS:

.flyoutitem .flyoutitem-datetime, .yui3-squarespacecalendar .item-time {
  display: none;
}

You'll need some JavaScript (and at least a Business Plan) to remove end times only. There's an old thread about something similar that may get you started.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you for the help, and apologies for the slow reply. This worked!  Incredibly appreciated. 

-Ben