Border style custom:vacuum-card

Hello everyone, my first post…

I’m trying in vain to remove or hide the duplicate frame from custom:vacuum-card, which is in a custom:stack-in-card.
vacuum_border

In the custom:mushroom-vacuum-card I was able to hide the frame with the following code.

    card_mod:
      style: |
        ha-card {
         border: none;
        }

here is the entire code:

type: custom:stack-in-card
mode: vertical
cards:
  - type: custom:vacuum-card
    card_mod:
      style: |
        ha-card {
         border: none;
        }
    show_status: false
    show_toolbar: false
    show_name: false
    entity: vacuum.uschi
    actions:
      start:
        service_data:
          entity_id: vacuum.start
    stats:
      default:
        - entity_id: sensor.uschi_reinigungszeit
          unit: Minuten
          subtitle: Reinigungszeit
        - entity_id: select.uschi_modus
          subtitle: Modus
        - entity_id: sensor.uschi_reinigungsbereich
          unit: m²
          subtitle: Reinigungsbereich
  - type: custom:mushroom-vacuum-card
    card_mod:
      style: |
        ha-card {
         border: none;
        }
    entity: vacuum.uschi
    commands:
      - start_pause
      - stop
      - return_home
    icon_animation: true
    fill_container: false
    icon_type: none
    secondary_info: none
    primary_info: none

I hope you can help me hide the frame

Thank you.

It isn’t the vacuum card, its the stack-in card border. I’d suggest switching to custom:vertical-stack-in-card

type: custom:vertical-stack-in-card
cards:
  - type: custom:vacuum-card
    show_status: false
    show_toolbar: false
    show_name: false
    entity: vacuum.uschi
    actions:
      start:
        service_data:
          entity_id: vacuum.start
    stats:
      default:
        - entity_id: sensor.uschi_reinigungszeit
          unit: Minuten
          subtitle: Reinigungszeit
        - entity_id: select.uschi_modus
          subtitle: Modus
        - entity_id: sensor.uschi_reinigungsbereich
          unit: m²
          subtitle: Reinigungsbereich
     card_mod:
      style: |
         ha-card {
          border: none;
           }
  - type: custom:mushroom-vacuum-card
    card_mod:
      style: |
        ha-card {
         border: none;
        }
    entity: vacuum.uschi
    commands:
      - start_pause
      - stop
      - return_home
    icon_animation: true
    fill_container: false
    icon_type: none
    secondary_info: none
    primary_info: none
card_mod:
      style: |
        ha-card {
         border: none;
        }

PERFECT, thanks a lot. It works

1 Like