I try to change the font size of the calendar card heading with card_mod, so more specifically the date which is shown in the header. I looked up the corresponding selectors in the website inspector and tried to adjust the font size, but unfortunately without success.
Is there a superordinate element that controls or overwrites the font size? Here is my YAML example:
card_mod:
style: |
h1.controls {
font-size: 10px !important;
}