This one may be a doozy to figure out, and it may not be possible without a customization/change to the jullcalendar.js file, but I’d love to get input from experts!
I’d like to make the day-number a different color if the day has any events. Therefore, the day number on the calendar would be one color for all days without events, and then a different color if the day does have any events.
Since the event markers are rendered with javascript on a different layer/div than the actual calendar table, i’m not sure how to identify day numbers that do or don’t have events.
I’d like to apply some CSS to the day-number element, but only if there are events for that day. It looks tricky to me because of how the event markers are rendered on a separate layer. The calendar table doesn’t apply a special class to table cells that have events.
This is tricky to even explain! I hope I’m making sense!
I guess it would be a similar setup to how the day-numbers get the “other-month” class if the day is part of an “other month”. I’d like to do the same thing, but based on whether or not the day has an event.
Viewing 1 reply thread
The support post ‘Tricky Calendar Customization Question’ 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.
Support forum for Event Espresso 3 and Event Espresso 4.