Card mod scheint nicht zu funktionieren

[Barry Ricoh]

Eine weitere Frage zu meinem neuen Dashbord Projekt.

Für den Code eines Dashboards welchen ich aus dem Internet geladen habe benötige ich wohl das HACS Plugin "card mod"
Das habe ich auch installiert, aber irgendwie scheint das nicht zu fuktionieren.

Als Beispiel hier soll der Text als Überschrift in der Mitte einer Karte fett gedruckt ausgegeben werden:

cards:
  - type: vertical-stack
    cards:
      - type: custom:mushroom-title-card
        title: Volvo XC40
        style: |
          h1.title {
          display: flex;
          align-items: center;
          text-align: center;
          font-size: 2.8vh;
          }
          h1.title::before,
          h1.title::after {
            content: '';
            flex: 1;
            border-bottom: 1px solid #fff;
          }
          h1.title:not(:empty)::before {
            margin-right: 1em;
          }
          h1.title:not(:empty)::after {
            margin-left: 1em;
          }
          ha-card {
            background: none!important;
            border:none
            }

Das passiert aber nicht, der bleibt einfach am linken Rand.
Der Code wurde 1.1 kopiert(mit Ausnahme des Textes hinter "title :"
Irgendjemand eine Idee was ich falsch mache?

Link zum original code : https://itheo.tech/integrating-your-volvo-v60-into-your-smart-home

 

[Nival]

Du hast garnicht angegeben, dass es card_mod ist - aber mit flex muss man für "zentriert, fett" ohnehin nicht anfangen, das hier genügt:

type: custom:mushroom-title-card
title: Volvo XC40
card_mod:
  style: |
    h1.title {
     text-align: center;
     font-size: 2.8vh;
     }

- wenn Du die Karte direkt bearbeitest und dann dort in den YAML-Modus gehst sollten auch die Einrückungen stimmen.

Solltest Du aus irgendwelchen Gründen doch mit flex arbeiten wollen, dann wäre nicht align-items, sondern justify-content dafür zuständig, den Inhalt horizontal zu zentrieren. Das align-items zentriert vertikal.