Fade out past dates on front end calendar

[Rolands Rudītis]

Hello,

It would be nice to fade out past dates in calendar view on front end just like it is in admin panel.
Just to make better focus on what’s important.

[Stephen Harris]

Try adding the following to your theme’s style.css:

.eo-fullcalendar .eo-event-past{    
    opacity: 0.5;
}

This targets event which have finished. There are also classes .eo-event-future (events that have yet to start), and .eo-event-running which have started, but not yet finished.

[Rolands Rudītis]

Perfect! Thanks!

[Author]

Posts