Card_mod: Entities Image size & Name entfernen

Dashboard/Cards/Frontend
1

Hallo Forum :wink:

vielleicht könnt ihr mir etwas helfen.
Ich habe eine entities-card erstellt, zu jeder entity habe ich ein image hinzugefügt.
Jetzt möchte ich gerne das das Image größer wird und der Name wegfällt.
Wie kann ich das am besten mit card_mod realisieren?

2024-06-13_17h43_39
2024-06-13_17h43_39916×576 29.7 KB

type: entities
entities:
  - entity: sensor.abfallrestmuell
    image: /local/Bilder/Muelltonnen/restmuell.png
    name: Restmüll
  - entity: sensor.abfallgelbersack
    image: /local/Bilder/Muelltonnen/gelbersack.png
    name: Gelber Sack
    secondary_info: none
  - entity: sensor.abfallbio
    image: /local/Bilder/Muelltonnen/biomuell.png
    name: Biomüll
card_mod:
  style: |
    ha-card { 
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none;
    border-radius: 40px;
    }
2

Den Namen bekommst du weg indem du
name: ' '
schreibst. Beim Bild kann ich dir nicht helfen. Ggf. mit
ha-card img { width: 50px; }

3

Wenn du einigermaßen fit im englischen bist, dann schau mal hier:

Der gute Ildar hat so ziemlich für alle erdenklichen Karten card_mod Tricks. Total umfangreich und super hilfreich. Habe mich dort schon oft bedient.

Dort habe ich auch was zur Bild/ Icon Größe bei der Entities Card gesehen und vieles mehr.

Edit: Hier speziell zur Enties Card, weiter runter scrollen und dann findest du Einträge zur Größe:

4

Danke für den Hinweis, in der Tat bin ich auch schon über diesen Eintrag gestolpert.
Allerdings vergrößern sich hierbei immer nur die originalen icons von den Entitäten. Aber nicht die Bilder, die man manuell einfügt durch image:.

5

Okay, schade. Dort ist auch Eintrag zu Styling entity_picture

card_mod:
  style:
    hui-simple-entity-row $ hui-generic-entity-row $: |
      state-badge {
        border-radius: 10%;
    }

Vielleicht kann man damit statt border-radius die Größe ändern. Allerdings bezieht es sich ja auf das Entity Picture und nicht ein manuell hinzugefügtes. Probier es mal.
BTW: Ich habe eigene Bilder über die customize.yaml bestimmten Entitäten als Entity Picture zugewiesen.

Im Zweifelsfall stell deine Frage doch in dem Post. Manchmal sind sie dort sehr hilfreich.

6

Die Idee kam mir gerade auch in den Sinn :slight_smile:
Funktioniert aber auch nicht… :frowning:

grafik
grafik873×284 27.8 KB

7

Auch mal so probiert?

card_mod:
  style:
    hui-simple-entity-row $ hui-generic-entity-row $: |
      state-badge {
        width: 10%;
    }

Anstelle von nur width: mal mit zusätzlichem height:, oder size: probieren. Anstelle von % feste px Einheiten vielleicht auch.

Ansonsten bin ich leider auch am Ende mit meinen Ideen.

8

Hi @alexsaas,

ne leider auch nicht.
Aber danke für deine Mühe.

9

Versuche es mal damit:

type: entities
entities:
  - entity: sensor.restabfall
    name: " "
    secondary_info: none
    card_mod:
      style: |-
        :host {
          {% if (state_attr('sensor.restabfall', 'daysTo') | float) < 2 %}
            color: red;
          {% endif %}
        }    

title: Abfallkalender
card_mod:
  style: |-
    ha-card {
      border-color: rgb(105,105,105);
      --ha-card-header-color: #d6a245;
      --mdc-icon-size: 48px;
    
      }

IconGroesser

10

Hey @tpxex da es mich auch interessierte, habe ich deine Frage und die Lösung in der englischen Community verfolgt.

Magst du die Lösung hier posten oder verlinken? Dann haben andere, die vielleicht auch mal danach suchen, auch was davon.