Gibt es eigentlich eine Möglichkeit die Schrift der HA Badges per card-mod zu vergrößern? Wenn ich im Browser über Untersuchen gehe und font-size hier einfüge
klappt es
Nur wie kriegt man das per card-mod hin?
Gruß
1 „Gefällt mir“
Versuche das mal mit label-badge bzw. label. Damit müsstest du das ändern können. Ansonsten nochmal statt :host den Begriff mit ha-card austauschen.
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;
}
2 „Gefällt mir“
Leider nein. Klappt beides nicht.
1 „Gefällt mir“
Teile mal bitte deinen code, mit welcher Card du das gemacht hast?
1 „Gefällt mir“
Habe card-mod aus der yaml wieder entfernt, da es nicht geklappt hat. Die Badges von HA gehen ja nur als entity wenn ich richtig liege.
type: entity
show_name: false
show_state: true
show_icon: true
entity: sensor.aussen_temp_und_luftfeuchte_temperatur
color: state
1 „Gefällt mir“
Die mushroom card hast du sicherlich auch installiert?
Dann könntest du das so umsetzen und beliebige Entitäten hinterlegen.
type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
margin: 8px !important;
}
.chip-container {
gap: 0px !important;
}
alignment: center
chips:
- type: entity
card_mod:
style: |
ha-card {
color: var(--primary-color) !important;
border: none !important;
border: 1px solid grey !important;
border-radius: 20px !important;
font-size: 80px !important;
padding-right: 5px;
}
entity: sensor.steps_kilometer_taglich
icon: mdi:walk
content_info: state
name: " "
- type: entity
card_mod:
style: |
ha-card {
color: var(--blue-color) !important;
border: none !important;
border: 1px solid grey !important;
border-radius: 20px !important;
padding-right: 5px;
}
entity: person.jayjojayson
icon: m3of:person-4
content_info: name
name: Jan
visibility:
- condition: state
entity: person.jayjojayson
state: home
2 „Gefällt mir“
nein die mushroom card habe ich nicht mehr. Installiere ich mir noch mal und teste. Habe halt gedacht das es mit den Badges von HA auch irgendwie funktioniert.
1 „Gefällt mir“
Ja, deswegen kam mir das so bekannt vor. Die Mushroom chips sehen aus wie die normalen badge cards. Bei der normalen Badge Card finde ich auch nicht die Lösung, habe gerade nochmal versucht. Das liegt dann wieder an irgendeiner Verschachtelung.
1 „Gefällt mir“
Danke dir @jayjojayson . Werde es irgendwie mit den HA Karten umsetzen. Soll nur ein Screensaver werden. Der ist auch schon umgesetzt. Neues Dashboard angelegt und das wird nach 30 sek. von Fully Kisok aufgerufen.
1 „Gefällt mir“
Die Schriftgröße will einfach nicht. Egal ob Standard oder mushroom Cards.
Standard
type: tile
entity: sensor.aussen_temp_und_luftfeuchte_temperatur
name: " "
card_mod:
style: |
ha-card {
background: transparent;
#background-color: rgba(0,0,0,0.40);
#box-shadow: 4px 5px 13px 0px rgba(217, 247, 250,0.66);
font-size: 40px ! important;
}
zoom: 2 z.B funktioniert auch. Aber nicht das was ich suche.
Die Sachen mit # würden funktionieren.
Mit zoom geht das eigentlich immer, ist aber halt quick und dirty, weil alles in der Card vergrößert wird.
type: tile
entity: sensor.aussen_temp_und_luftfeuchte_temperatur
name: " "
card_mod:
style: |
ha-card {
height: 50px !important;
zoom: 1.5;
}
ja eben, darum möchte ich eigentlich nicht mit zoom arbeiten. Die Holzhammer Methode würde aber funktioniert 
hatte ich getestet.
1 „Gefällt mir“