Titel/Überschrift einer Entitäten Karte anpassen

Dashboard/Cards/Frontend
1

Hallo zusammen,

ich habe eine Karte vom Typ Vertical-Stack und darin mehrere Entitäten-Karten.

Jede Entitäten Karte hat eine Überschrift, aber ich bekomme es nicht hin da die Schriftgröße oder die Abstände zu verändern. Die Darstelle der Entitäten selber kann ich beeinflussen…

type: vertical-stack
cards:
  - type: entities
    entities:
      - cover.shellyplus2pm
      - cover.shellyplus2pm
      - cover.shellyplus2pm
    title: Wohnzimmer
    card_mod:
      style: |
        ha-card {
        --mdc-icon-size: 25px;
        }
        .card-content div {
          margin-top: 0px !important;
          margin-bottom: 0px  !important;
          height: 45px;
          }  
        .card-content {
          padding-top: 0px;
          padding-bottom: 5px;
          }
  - type: entities
    entities:

Wie schaffe ich ähnliches bei der Überschrift???

Danke und Grüße
Andreas

2 

        .card-header { font-size: 2px; }
4

Danke für die schnelle Hilfe! :+1:

So, irgendwie stehe ich jetzt auf dem Schlauch…

Die Lösung oben funktioniert für die Entitäten Karten innerhalb der vertikalen Stapel Karte.

Aber wie bekomme ich jetzt die Überschrift der Stapelkarte in der Schriftgröße und den Abständen geändert?

Blicke gerade nicht durch…

:crayon:by HarryP: Zusammenführung Doppelpost (bei Änderungen oder hinzufügen von Inhalten bitte die „Bearbeitungsfunktion“ anstatt „Antworten“ zu nutzen)

5

Das war aber die Frage :wink:

Eine Stack-Karte zu manipulieren, geht nach meinem Kenntnisstand nur mit custom:mod-card .


type: custom:mod-card
style:
  hui-vertical-stack-card$: |
    .card-header {
      font-size: 8px !important;
      padding: 0 4px !important;
      background: red; /* debug */
    }
card:
  type: vertical-stack
  title: Test
  cards:
    - type: entities
      title: Test
      entities:
        - entity: switch.tv_timer
      card_mod:
        style: |
          ha-card {
          --mdc-icon-size: 25px;
          }
          .card-content div {
            margin-top: 0px !important;
            margin-bottom: 0px  !important;
            height: 45px;
            }  
          .card-content {
            padding-top: 0px;
            padding-bottom: 5px;
            }
          .card-header { font-size: 8px; }
6

Jetzt sind beider Fragen beantwortet :wink:

Funktioniert
Vielen Dank!!!

7

Sehr gerne!