Custom button card font size

Hi,
ich würde gerne die “font-size” von “state” ändern…
so:


alles OK!
sobald icon und state in einer Zeile ( layout: icon_name_state) font-size: 40 funkioniert nicht mehr:

hat jemand eine Idee um das Problem zu lösen?
Gruß Romeo

Als erstes wäre es sinnvoll, wenn du den Code nicht als Bild, sondern als Vorformatierten Text einfügst, damit man ihn auch kopieren kann.

Platziere mal font-size und color unter card:.

styles:
  card:
    - height: 120px
    - width: 120px
    - font-size: 40px
    - color: yellow

states gehöhrt eine Ebene weiter nach links. Darunter könnte man je nach dem Status der Entität, dynamische Formatierungen vornehmen.

Hier mal ein Beispiel eines meiner Karten:

state:
  - value: 300
    operator: ">="
    styles:
      card:
        - background: linear-gradient(0deg, darkred 10%, orangered 80%)
  - value: 50
    operator: <=
    styles:
      card:
        - background: linear-gradient(0deg, green 0%, lightgreen 80%)
  - operator: default
    styles:
      card:
        - background: linear-gradient(0deg, orangered 20%, orange 70%)

:crayon:by HarryP: Zusammenführung Doppelpost (bitte “bearbeiten” Funktion nutzen)

Danke - super!

IMG_0879

0Aentity%3A%20sensor.wohnzimmer_aussen_temperature%0Aname%3A%20null%0Alayout%3A%20icon_name_state%0Aicon%3A%20mdi%3Athermometer%0Ashow_state%3A%20true%0Ashow_units%3A%20true%0Ashow_name%3A%20false%0Astyles%3A%0A%20%20card%3A%0A%20%20%20%20-%20height%3A%20110px%0A%20%20%20%20-%20width%3A%20160px%0A%20%20%20%20-%20font-size%3A%2030px%0A%20%20%20%20-%20color%3A%20yellow%0A%20%20%20%20-%20background-color%3A%20blue%0A%20%20icon%3A%0A%20%20%20%20-%20color%3A%20yellow%0A%20%20%20%20-%20width%3A%20120%25%0A%20%20%20%20-%20transform%3A%20scale(1.1)%0A

Keine Ahnung warum - der vor formatierter Code wird falsch dargestellt- sorry