Support

Home Forums Event Espresso Premium Calendar date display (removal)

Calendar date display (removal)

Posted: February 27, 2019 at 2:18 am

Viewing 5 reply threads


jokadesign

February 27, 2019 at 2:18 am

Each event page (e.g. https://sassystirrers.com/events/d-of-e-teenager-life-skills-cooking-course-online/) shows a date-span of the event near the top of the page. As we are running some courses online, these dates are irrelevant, and therefore confusing. How can I remove the date on these pages?

Thanks.


Tony

  • Support Staff

February 27, 2019 at 2:32 am

Hi there,

Just to confirm, you mean this? – https://monosnap.com/file/qb8zzTO4U046mJ0G9gtxEXHEOvaw08

Do you want to remove that for all events or only select events?

For all events you can use some CSS:

.single-espresso_events .event-datetimes {
    display: none;
}

Add that to Appearance -> Customize -> Additional CSS on your site.


jokadesign

February 27, 2019 at 2:35 am

Hi Tony

Thanks for this. Yes, that is the issue.

I only want to remove it for online courses, not date specific classroom based classes or courses.

Joe


Tony

  • Support Staff

February 28, 2019 at 2:17 am

Without any custom development you can use CSS and target the datetimes using the Event ID, like so:

#ee-event-datetimes-ul-2329,
#ee-event-datetimes-ul-2340 {
    display: none;
}

Would remove that section for the events with ID 2329 and 2340.

You would need to add to the above each time you added a new ‘online’ event.


jokadesign

February 28, 2019 at 9:41 am

Thanks Tony
So, when you say ‘Without any custom development’ I take it you couid do it for a cost? How much? And just to confirm, the back you’ve suggested can’t be done to an existing event???

Joe


Tony

  • Support Staff

February 28, 2019 at 4:02 pm

So, when you say ‘Without any custom development’ I take it you couid do it for a cost?

It depends on a few different factors, for example, is there any way to identify these ‘online’ events within EE right now? Are they all in their own category for example?

You could use a custom field on the event and check that before removing the dates, but then again you would need to go through an edit each ‘online’ event to have the custom field so the code would know when to remove the date.

And just to confirm, the back you’ve suggested can’t be done to an existing event???

The above code you mean? Yes that can work for previous events but you’ll need to add an additional selector for each event you want to hide the dates on:

#ee-event-datetimes-ul-2329,
#ee-event-datetimes-ul-2340,
#ee-event-datetimes-ul-123,
#ee-event-datetimes-ul-789 {
    display: none;
}

and so on.

It depends on how many events you have with that setup if that is of any use.

Viewing 5 reply threads

The support post ‘Calendar date display (removal)’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso