Mushroom-Template card_nur Icon sichtbar?

Allgemein
,
1

Hallo zusammen,
Ich habe eine mushroom Template Card erstellt, welche ich so bei einem Kollegen 1zu1 funktioniert. Ich kann sie in einem Dashboard auch genauso anzeigen lassen. Sobald ich es in die wallpanel RAW-Konfi einpflege, erscheint lediglich das Icon, aber nicht die primär/sekundär Info, inkl. Rand etc…

Hat das jemand schon mal gehabt?

Kann jemand helfen?

Danken Voraus


- type: custom:mushroom-template-card
      primary: Pooltemperatur
      secondary: '{{ states("sensor.pooltemperatur") }} °C'
      icon: mdi:hot-tub
      icon_color: blue
      card_mod:
        style:
          mushroom-state-info$: |
            .container {
             --card-primary-font-size: 30px !important;
             --card-primary-color: red;
             --card-secondary-font-size: 30px !important;
             --card-secondary-color: blue;
             --card-primary-line-height: 40px;
             --card-secondary-line-height: 40px;
             flex-direction: row !important;
             align-items: baseline !important;
             gap: 10px;
            }
          mushroom-shape-icon$: |
            .shape {
             --shape-color: none !important;
            }
          .: |
            ha-card {
              zoom: '';
              width: 85%
              height: fit-content !important;
              background: darkgrey;
              border: black;
              color: black;
              text-shadow: 2px 1px 3px black;
              margin-left: 110%;
              margin-top: -150%;
            }

            ha-state-icon {
              --icon-symbol-size: 30px;
            }
2

wenn du im RAW arbeitest solltest du dich ein bisschen mit der Formatierung aus kennen.

Füge an der stelle wo du es haben möchtest am besten irgendeine Karte über die UI ein und gehe in den Einstellungen der karte auf Code-Editor Anzeigen.
image

Da ersetze alles was da drin steht dadurch:

type: custom:mushroom-template-card
primary: Pooltemperatur
secondary: '{{ states("sensor.pooltemperatur") }} °C'
icon: mdi:hot-tub
icon_color: blue
card_mod:
  style:
    mushroom-state-info$: |
      .container {
       --card-primary-font-size: 30px !important;
       --card-primary-color: red;
       --card-secondary-font-size: 30px !important;
       --card-secondary-color: blue;
       --card-primary-line-height: 40px;
       --card-secondary-line-height: 40px;
       flex-direction: row !important;
       align-items: baseline !important;
       gap: 10px;
      }
    mushroom-shape-icon$: |
      .shape {
       --shape-color: none !important;
      }
    .: |
      ha-card {
        zoom: '';
        width: 85%
        height: fit-content !important;
        background: darkgrey;
        border: black;
        color: black;
        text-shadow: 2px 1px 3px black;
        margin-left: 110%;
        margin-top: -150%;
      }

      ha-state-icon {
        --icon-symbol-size: 30px;
      }

Dann solltest du die richtige Formatierung haben.

LG
Tobi