Verständnisfrage Home Assistant und Card mod

Allgemein
1

Hallo,

ich nutze in Homeassistant Card mod um die Hintergründe der Kacheln auszublenden. Meist bekomme ich das durch probieren hin, aber jetzt, bei einer Bubblecard geht es gar nicht.
Ich bin vielleicht zu alt oder zu blö… aber ich verstehe nicht an welcher stelle der Code eingesetzt werden muss. Das muss es doch eine Regel geben.
Irgendwie setze ich den Imme an irgendeiner anderen Stelle (je nach Karte) ein.

Mein jetziges Problem ist diese Karte

type: custom:auto-entities
card:
  type: entities
filter:
  include:
    - entity_id: sensor.*stromi*
      state: ">0"
      options: {}
  exclude: []
sort:
  method: state
  reverse: true
  numeric: true

Ich möchte mit diesem Code den Hintergrund entfernen.

card_mod:
    style: |
      ha-card {
        background-color: transparent;
        box-shadow: none;
        margin-top: -20px;
        border: none;
      }

Egal an welcher stelle ich den Code einsetze, es geht nicht.

So sieht das aus

Bildschirmfoto 2025-01-31 um 12.47.54
Bildschirmfoto 2025-01-31 um 12.47.54439×763 50.7 KB

Danke euch für die Hilfe
Andreas

2

Für Bubble Cards gelten andere Befehle. Versuch mal

styles:
  .bubble-button-card-container { background: transpartent }
  .bubble-icon-container { background: transparent }

Code am besten vor cards bei dir rein. Verstehe nur nicht für was margin sein soll. Du kannst aber die ganzen befehle unter github finden.

Unter dem Link findest du die verschiedenen arten der Bubble Cards und immer in der style.css sind alle codes drinnen

3

Margin verschiebt halt den Kasten,
Ich hab das so gelöst, unter Custom Styles/Templates

  ha-card {
    --bubble-icon-background-color: rgb(230, 128, 41, 0) !important;
  }
  ha-card {
    --bubble-main-background-color: rgba(122,120,50,0) !important;
  }
  * { 
    font-size: 20px !important;
  }
1 „Gefällt mir“