Schriftgröße ändern

[xup12]

Hallo
Ich versuche jetzt schon eine weile die Schriftgröße zu ändern. (Digital Clock)
Card Mod über HACS installiert.
So steht es bei mir drin.

type: custom:digital-clock
card_mod: null
style: |
  span.first-line
  {
    font-size: 12em;
    margin-bottom:25px;
  }
  span.second-line
  {
    font-size: 9em;
    margin-bottom:15px;
  }
locale: de
dateFormat:
  weekday: long
  day: 2-digit
  month: long
timeFormat:
  hour: 2-digit
  minute: 2-digit

Danke Schön

 

[Stationary]

Hast Du mal den font-size auch in px angegeben? Ich dacht, daß em erfordert, daß der font-size bereits definiert war. Oder sollte das System da default 16px voraussetzen?

 

[xup12]

hier mal die ganze config. leider ändert sich nichts wenn ich die werte ändere

title: Home
type: panel
icon: mdi:tablet
theme: Google Dark Theme
cards:
  - square: false
    type: grid
    cards:
      - show_current: true
        show_forecast: true
        type: weather-forecast
        entity: weather.forecast_home
        forecast_type: daily
        theme: Google Dark Theme
      - type: vertical-stack
        cards:
          - type: custom:digital-clock
            card_mod: null
            style: |
              span.first-line
              {
                font-size: 16px;
                margin-bottom:50px;
              }
              span.second-line
              {
                font-size: 16px;
                margin-bottom:50px;
              }
            locale: de
            dateFormat:
              weekday: long
              day: 2-digit
              month: long
            timeFormat:
              hour: 2-digit
              minute: 2-digit
          - graph: none
            type: sensor
            entity: sensor.indoor_outdoor_meter_626b
            detail: 1
            name: Outdoor Meter
            theme: Google Dark Theme
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        entity: light.schreibtisch_gruppe
        show_state: false
        theme: Google Dark Theme
        icon_height: 50px
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        entity: light.wohnzimmer
        icon_height: 50px
        name: TV
        theme: Google Dark Theme
    columns: 2
layout:
  width: 900
  max_cols: 10

 

[Nival]

Die Einrückung stimmt nicht und das null hinter card_mod gehört da auch nicht hin, versuchs mal so:

card_mod:
  style: |
    span.first-line
    {
      font-size: 12em;
      margin-bottom:25px;
    }
    span.second-line
    {
      font-size: 9em;
      margin-bottom:15px;
    }

 

[xup12]

Die Einrückung stimmt nicht und das null hinter card_mod gehört da auch nicht hin, versuchs mal so:

card_mod:
  style: |
    span.first-line
    {
      font-size: 12em;
      margin-bottom:25px;
    }
    span.second-line
    {
      font-size: 9em;
      margin-bottom:15px;
    }

Du bist mein Held es geht jetzt
Vielen Dank