Schriftgröße in Kacheln auf Dashboard ändern

Dashboard/Cards/Frontend
1

Hallo zusammen,

ich versuche gerade mein Dashboard ein wenig aufzuhübschen. Und würde gerne die Schriftgröße der Temperaturanzeige ändern.
Ich habe eine Vertikalen Stapel genommen und dann eine Kachel eingefügt.

Dashboard

Leider ist mir die Schrift hier zu klein. Wenn ich statt einer Kachel eine Entität nehme ist die Schrift zwar größer aber dann ist mir die Entität zu groß und ich kann hier die Schriftgröße auch nicht anpassen.

Mein Code sieht folgenermaßen aus:

type: vertical-stack
cards:
  - type: tile
    entity: climate.thermostat_manuel
    icon: mdi:temperature-celsius
    show_entity_picture: true
    vertical: false
    hide_state: false
    state_content: current_temperature
    name: "   "

Wenn ich mal google kommt immer man sol font-size: 20px; einfügen.
Wenn ich das mache, bekomme ich aber eine Fehlermeldung.
Ich hoffe ich könnt mir weiterhelfen. Danke im Voraus.

2

Schau dir dazu mal card_mod an. Gibt’s auch schon einiges dazu hier im Forum.

3

Leider ist mir das mit dem Card Mod immernoch nicht ganz klar.
Ich möchte jetzt die Schriftgröße der Überschrift ändern und habe im Raw Editor folgenden code:

    cards:
      - type: heading
        heading: '  Temperatur'
        heading_style: title
        card_mod:
          style: ''
          font-size: 80px;
        badges:
          - type: entity
            entity: sensor.aussentemperatursensor_temperatur
          - type: entity
            entity: sensor.aussentemperatursensor_luftfeuchtigkeit

Ich habe hier das card mod und die Pixel größe angegeben. Nur leider ändert sich nichts. was muss ich denn genau angeben um die Schriftgröße zu ändern?

4

Da ist noch einiges falsch, teste es mal so

card_mod:
  style:
    .: |
      .title > p {
          font-size: 30px;
         }