Kevin
17. Juli 2023 um 12:38
1
Grüße,
Wahrscheinlich ist es wieder einmal zu simple um selbst darauf zu kommen.
Ich lasse mir die Uhrzeit über folgenden Code anzeigen:
type: custom:simple-clock-card
card_mod:
style: |
ha-card
{background:transparent;
border-style: none;
Gerne hätte ich da drunter auch das Datum stehen, bestenfalls in folgenden Format:
Montag, 17.07.2023
Hat da jemand eine Lösung für mich?
Danke schon einmal.
Ich mache das so:
type: custom:digital-clock
locale: de
dateFormat: DDDD
timeFormat: HH:mm
card_mod:
style: |
.first-line {
font-weight:600 !important;
font-size: 100px !important;
}
.first-line, .second-line {
font-weight:300;
}
Ist zwar ne andere Karte, aber funktioniert.
3 „Gefällt mir“
Kevin
17. Juli 2023 um 15:36
3
Perfekt, genau das was ich gesucht habe.
Vielen Dank!
hakky
18. Oktober 2025 um 10:38
4
Sieht ganz okay aus, ich würde gerne größer skalieren, dass klappt leider nicht. Was mache ich falsch?
type: custom:digital-clock
locale: de
dateFormat: DDDD
timeFormat: HH:mm
card_mod:
style: |
.first-line {
font-weight:800 !important;
font-size: 200px !important;
}
.first-line, .second-line {
font-weight:500;
}
… die bildliche Darstellung bleibt unverändert :(
ttarzan
21. Oktober 2025 um 11:13
5
Card_mod hast du aber per HACS installiert?
🔹 Add CSS styles to (almost) any lovelace card
hakky
22. Oktober 2025 um 19:14
6
?card_mod? Habe ich bewusst nicht installiert! HACS sehrwohl schon. Sorry, aber ich bin absoluter Neuling auf dem Gebiet und bin für jeden Tipp und Hinweis dankbar.
hakky
23. Oktober 2025 um 17:15
8
ich habe diesen card-mod jetzt installiert, aber die veränderungen der fonts sind nicht reproduzierbar. alles sehr komisch.