Card_mod textgröße lässt sich nicht anpassen

[Misux]

HI!

Ich versuche meinem Text und das Icon in der “tile” per card_mod anzupassen.

Egal welche Vartiante ausm Netz ich versuche bekomme ich weder die Zeit der Sonnenaufgangs noch das Icon größer.

Kann jemand helfen ?

Der Sonnenaufgang ist ein Template Sensor aus der configuration.yaml:

template:          
  - sensor:
      - name: "Mein_Sonnenaufgang"
        unique_id: "my_next_sunrise"
        state: '{{ as_timestamp(states.sun.sun.attributes.next_rising) | timestamp_custom("%H:%M")}}'
        icon: mdi:weather-sunset-up

type: tile
entity: sensor.mein_sonnenaufgang
name: []
color: accent
hide_state: false
state_content: state
vertical: true
features_position: bottom
card_mod:
  style:
    .: |
      ha-card {
        margin-top:-11px;
        background: rgb(17, 17, 17);
        border: 0px;
        }
        ha-card .state {
        font-size: 30px !important;
        }

[Schlumperdix]

Ich kann nur raten, sofern die CSS klassen stimmen..

type: tile
entity: sensor.mein_sonnenaufgang
name: []
color: accent
hide_state: false
state_content: state
vertical: true
features_position: bottom
card_mod:
  style: |
    ha-card {
      margin-top:-11px;
      background: rgb(17, 17, 17);
      border: 0px;
    }
    ha-card .state {
      font-size: 30px !important;
    }

[Misux]

Leider keine änderung.

[Schlumperdix]

Und die css class ist korrekt? Hast du das sichergestellt? Mal Rechtsklick und untersuchen gemacht und die Class rausgesucht?

[Misux]

chso, jetzt checke ich glaub ich was du meinst…

Habe es rausgesucht, aber wie ich das nutze und welches es ist weis ich leider nicht. Kannst du mir da helfen?

[Schlumperdix]

Genau das war gemeint.

Leider habe ich kein Card Mod installiert.

Das letzte was ich dort finde (bei mir) wäre --tile-info-secondary-...

Wenn ich das in der DEV-Console anpasse (habe da mal bei font-size 100px eingetragen, dann wird die Schrift riesig (siehe Bild)

Du musst halt beides offen haben. Dein Dashboard und die DEV-Console. Wenn du mit der Mouse über den Quelltext fährst, leuchten in deinem Dashboard die Bereiche jeweils auf.

Demnach wäre das dann wahrscheinlich:

type: tile
entity: sensor.mein_sonnenaufgang
name: []
color: accent
hide_state: false
state_content: state
vertical: true
features_position: bottom
card_mod:
  style: |
    ha-card {
      margin-top:-11px;
      background: rgb(17, 17, 17);
      border: 0px;
    }
    :host {
      --tile-info-secondary-font-size: 30px;
    }

Und dann solltest du die ganzen Definitionen nehmen können die du dort findest, also:

--tile-info-secondary-font-weight
--tile-info-secondary-letter-spacing
--tile-info-secondary-line-height
--tile-info-secondary-color

usw…