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

[Phillip Lane]

I like displaying my calendar in Full View – List mode but when I filter by calendar by calendar feed, it still shows the events from the unselected calendars, it just sort of grays them out. I would rather it completely hide those events rather than grey them out. I haven’t found a setting for this, is this possible.

[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; }

[Phillip Lane]

Thanks for getting back to me so quickly. I understand what you mean. I may play around with the CSS. If I come up with something that works well, I will post it back here.

[Author]

Posts