Font-size und Farbe ändern klappt nicht

[Miq19]

Ich habe eine Horizontal-Stack-Card, die aus einer Entity-Card und einer Conditional-Card mit einer Entity darin besteht:

type: horizontal-stack
cards:
  - type: entity
    entity: sensor.dwd_weather_warnings_106440000_aktuelle_warnstufe
    name: DWD Warnstufe
    state_color: false
  - type: conditional
    conditions:
      - condition: numeric_state
        entity: sensor.dwd_weather_warnings_106440000_aktuelle_warnstufe
        above: 0
    card:
      type: entity
      entity: sensor.dwd_weather_warnings_106440000_vorwarnstufe
      name: Vorwarnung
      attribute: warning_1_headline
      state_color: true
      card-mod:
        style: |
          .info {
            font-size: 16px !important;
            color: red;
          }

Das sieht so aus:

Wie man sieht, ist die Schrift riesig und außerdem noch schwarz - das card-mod greift also nicht. (Zeilenumbruch hätte ich auch gerne…)

Die Stelle in HTML sieht so aus:

Wo ist mein Fehler?

[totow]

@Miq19

Wie man sieht, ist die Schrift riesig und außerdem noch schwarz - das card-mod greift also nicht.

Probiere es mal so:

      card_mod:
        style: |
          .value {
            font-size: 16px !important;
            color: red;
          }

@Miq19

(Zeilenumbruch hätte ich auch gerne…)

da bin ich raus wüste nicht wie das geht.

LG
Tobi

[Miq19]

Das klappt, danke!

Falls es noch interessiert: Zeilenumbruch geht mit

word-wrap: normal;