Stack in card rahmen entfernen

Allgemein
1

Hallo,

besteht die Möglichkeit die im Screenshot von mir rot nachgezogenen Linien bzw Rahmen zu entfernen?

01 rahemn.
01 rahemn.1365×1062 129 KB

type: custom:stack-in-card
cards:
  - show_name: false
    show_icon: true
    type: button
    tap_action:
      action: more-info
    entity: lock.nuki_wohnungstur_lock
    icon_height: 100px
    show_state: false
    name: Nuki
  - type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: tile
            entity: binary_sensor.haustur_zu_window
            name: Status
            vertical: false
            state_content:
              - state
              - last_changed
          - type: tile
            entity: sensor.haustur_zu_battery
            name: Batterie
  - type: entities
    entities:
      - entity: binary_sensor.nuki_wohnungstur_locked
        name: Status
        secondary_info: last-updated
      - entity: sensor.nuki_wohnungstur_battery
        name: Akku
      - entity: switch.nuki_wohnungstur_auto_lock
        name: Auto Lock
    show_header_toggle: false
2

Geht.

card-mod aus dem HACS installieren und folgenden CSS Block in die jeweilige Card einfügen:

type: custom:vertical-stack-in-card
cards:
  - type: blablabla
    ... #was da an Parametern schon in drinsteht
    card_mod:
      style:
        .: |
          ha-card
          {
            background-color: transparent !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border: 0px !important;
          }

Ergebnis:

image
image534×913 69.6 KB

(2 Markdown und eine EntityList)

1 „Gefällt mir“
3

Vielen Dank. Hat funktioniert. Hab zwar keine Ahnung von CSS, hab aber per google den Befehl für padding noch gefunden und mit “padding-left: 110px;” das Batterie tile nach rechts versetzt.

Bei meiner google suche gestern bin ich auch auf diesen CSS code gestoßen, hab aber wohl übersehen das ich auch card-mod brauche.