hallo
man kann ja im Dashboard eine Karte mit Bild erstellen
geht das auch das man in dieser Karte mit Bild z.b einen Schalter , einen Zustand etc einblenden kann ?
hab das mit Bildelement gemacht , aber da ist der Text nicht lesbar bzw die Darstellungen gefallen mir nicht
Du kannst doch mit color: white die Farbe verändern
color: white
left: 17%
top: 77%
Oder habe ich dich falsch verstanden?
ja aber kann ich auch den Text unteralb ändern ?
Ja, das sollte gehen. Ich bin jetzt auch noch nicht so lange dabei aber ich habe bei mir die Texteinträge mit dem color-Befehl farblich geändert, wenn sie durch die Bilder nicht gut zu erkennen waren.
Teile doch mal bitte den Code der Card. Sind das Badges, denke schon?
type: picture-elements
elements:
- type: state-badge
entity: sensor.i3s_120_verbleibende_batterie_in_prozent
tap_action:
action: none
hold_action:
action: none
title: Ladezustand
style:
top: 30%
left: 10%
- type: state-badge
tap_action:
action: none
hold_action:
action: none
entity: sensor.i3s_120_restreichweite_elektrisch
title: Reichweite
style:
top: 27%
left: 90%
- type: state-badge
tap_action:
action: none
hold_action:
action: none
entity: sensor.i3s_120_kilometerstand
title: "Kilometerstand "
style:
top: 80%
left: 10%
image: /local/BMWi3.jpg
title: BMW i3S
Habe mal ein wenig herumprobiert, aber das ist bisher alles was ich erreichen konnte. Ich komme auch nicht so richtig an „km“ heran. Definiert wird das im css unter .label-badge .label, aber hat bei mir keine Auswirkung wenn ich etwas ändern möchte.
style:
top: 30%
left: 12%
--ha-label-badge-font-size: 32px
card_mod:
style: |
:host {
color: green !important;
font-weight: 800 !important;
font-size: 1.5em;
transition: background-color 0.3s ease-in-out;
text-transform: var(--ha-label-badge-label-text-transform,uppercase);
}
Hier der Code, aber wo ich es dann eingefügt habe.
type: picture-elements
elements:
- type: state-badge
entity: sensor.steps_kilometer_gesamt
tap_action:
action: none
hold_action:
action: none
title: Ladezustand
style:
top: 30%
left: 12%
--ha-label-badge-font-size: 32px
card_mod:
style: |
:host {
color: green !important;
font-weight: 800 !important;
font-size: 1.5em;
transition: background-color 0.3s ease-in-out;
text-transform: var(--ha-label-badge-label-text-transform,uppercase);
}
.label-badge .label {
font-size: 14px !important;
color: blue;
content: "Kilometer" !important;
}
- type: state-badge
tap_action:
action: none
hold_action:
action: none
entity: sensor.steps_kilometer_gesamt
title: Reichweite
style:
top: 27%
left: 90%
- type: state-badge
tap_action:
action: none
hold_action:
action: none
entity: sensor.steps_kilometer_gesamt
title: "Kilometerstand "
style:
top: 80%
left: 10%
image: /local/bilder/echodot.png
title: BMW i3S
puuu 
aber z.b title: Kilometerstand hat keinen Einfluss auf das Dashboard
nein leider nicht… das muss an der Verschaltelung liegen, dem überliegendem DOM, aber ich komme da nicht ran. :host greift ja schon ganz oben ein und geht auch teilweise, aber halt nicht für den „km“ Wert.
Mit dem hätte man sonst „km“ gegen Kilometer oder was auch immer tauschen können.
.label-badge .label {
content: "Kilometer" !important;
}
Muss aber gehen. Hier geht doch sonst auch alles. 
Habe übrigens noch herausgefunden @KingJosef, wie man die Farbe vom Badge Border ändern kann.
Die beiden Attribute habe ich dazu bei mir im Theme direkt gesetzt.
ha-label-badge-color: "#2d506e"
label-badge-red: "#2d506e"
geht aber auch mit Card-Mod direkt:
:host {
--label-badge-red: steelblue !important;
}
Respekt Jan was du einfach mal aus dem Hut zauberst 
Danke, du weißt doch gemeinsam sind wir starkt. Aber ich lerne auch jeden Tag dazu, gerade mit CSS, HTML und Python habe ich halt echt wenig Probleme. 
Da kann man heute so schön mit den Entwickler-Tools in Browsern arbeiten. Mit etwas Wissen kann man hier wirklich viel erreichen und so langsam verstehe ich die ganze DOM / Verschachtelung, wann Variablen und wann direkte CSS Attribute angesprochen werden können.
