Moin, nach der Icongröße hast du aber nicht gefragt.
Anbei der Code, damit kannst du jetzt alles verändern (Name, Icon und Value).
Eine allgemeine Anleitung gibt es nicht, ist halt Codesprache und wenn man weiß wie, dann kann man die Sachen einfach ansprechen. Das ist aber schwer zu erklären, ich kann HTML, PHP und CSS programmieren und weiß daher wo und wie schauen muss, um die richtigen Klassen im CSS anzusprechen. Über die Entwicklertools im Browser bekommt man sehr viel heraus, aber auch hier muss man wissen wie und wo geschaut werden muss.
type: entity
entity: binary_sensor.kontakt_wohnzimmer_fenster
state_color: true
icon: mdi:window-closed-variant
name: Fenster
card_mod:
style: |
.name {
font-size: 10px !important;
}
.value {
font-size: 10px !important;
}
.icon {
--mdc-icon-size: 10px;
}