Calendar custom css


what css settings do i need to add to the theme to decrease the space between the appointments in the calendar tile?


Hi there-
Something like the following should work:

.agenda.calendar.tile .agenda-content .agenda-day {
    margin-bottom: 1em;

:warning: Note that any CSS snippets provided are not officially supported and we may make future changes to the platform that would require you to tweak your Custom CSS.

1 Like