Support

February 16, 2022 at 11:32 am

I have my event espresso calendar here https://nrtraininggroup.com/schedule/

It looks like this https://ibb.co/JzFc7sJ

The events that span multiple days are shown all the days that the event is planned for, however I am looking for a way to only show the events on the first day.

Something more along the lines of this:

https://ibb.co/d5D8x45

I got started on this by doing a little bit of CSS to modify the display, however it’s full of problems.

.fc-event, .fc-event.fc-event-end {
  display: none;
}

.fc-event.fc-event-start {
  display: block;
  width: 175px !important;
}

Basically that gives a start an looks like this: https://ibb.co/Gdg92HV

However, it appears that there are lots of automatically defined tops and heights defined via JavaScript to determine how to display this calendar. Which means most likely if I continue down this route I would also need to use jQuery to determine and override those tops and heights.

Before I continue down this path, I was wondering if there were any other suggestions on how I might accomplish this in an easier fashion.