Reply To: Hide events rather than gray them out in Full View – List mode

[room34]

Unfortunately this was a necessary compromise due to how the FullCalendar.io library constructs the calendar output. If the events are truly hidden, the space for them collapses and results in a bunch of overlapping text and other undesirable effects, especially if you switch between months.

Initially I had the hidden events going completely transparent, but that left totally blank space, which also looked weird, so I settled on the scaled back effect instead.

If you’d like to have them go completely invisible (but retain the space), you can use this CSS in your theme or in the Customizer under Additional CSS:

.ics-calendar.layout-full .hidden_in_main { opacity: 0 !important; }

If you really do want to hide them completely (and collapse the space), you can try this… but I think you’ll see what I mean about the layout problems that introduces:

.ics-calendar.layout-full .hidden_in_main { display: none !important; }