Display Customization

Is it possible to have more example on ways to customize the display of calendars… Because switching to version 3.0 changed the displays quite a lot and the new displays are not very compact.

After quite some try-and-errors, I found that removing the navigation header in calendar-lists is easily done with:

.simcal-calendar-list .simcal-calendar-head {
display: none;
}

Now I’m trying to compact the grid view. My idea is to remove (or minimize the size) f the box below the day number. But even after tweaking for a few hours, the only thing I managed to do is to resize days with no events (and not to size 0) with:

.simcal-default-calendar-grid .simcal-no-events {
display: none;
min-height: 0px;
}

When I’m trying to do the same with simcal-events-dots, things remain unchanged. I’m not a CSS specialist, so I’m surely missing something… Reducing the size of the box would be nice, removing it completely and having just the color code on the day number would be even better…

Thank’s in advance for any help.
In case it helps, my website is http://www.combio06.fr

https://ww.wp.xz.cn/plugins/google-calendar-events/