Schriftgröße anpassen, wie?

Ich habe eine Karte mit Wochentag, Datum und Uhrzeit (auf deutsch) kreiert.
Die gefällt mir schon ganz gut.

Allerdings möchte ich die Schriftgröße so anpassen, dass die Karte ausgefüllt ist.
Wie mache ich das?

Die Markdown-Karte unterstützt den HTML-Syntax, du kannst den Inhalt daher in

<font size="..."> 
Text 
</font>

einbetten.

SUPER :+1: Danke :smiley:
Hat funktioniert.

image

Ist jetzt nicht wichtig, aber würde mich interessieren: Gibt es auch einen Befehlt, dass die Schrift auch mittig kommt?

Dafür kenne ich leider keine Möglichkeit in der Markdown Karte.

Alternativ könntest du dein Template in die Mushroom Template Karte einfügen und auf Vertikale Ausrichtung stellen, dabei wird der Inhalt zentriert.
Die Schriftgröße, als auch die Ausrichtung lassen sich dort mit card_mod anpassen:

card_mod:
  style:
    mushroom-state-info$: |
      .container {
       --card-primary-font-size: 20px;
       --card-secondary-font-size: 20px;
       align-items: center;
      }

OK.
Hier mein code:

type: markdown
content: >
 <font size="4px"> {% set months = ["Januar", "Februar", "März", "April",
 "Mai", "Juni", "Juli", "August", "September", "Oktober", "November",
 "Dezember"] %}

 {% set days = ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag",
 "Samstag", "Sonntag"] %}

 {{ days[now().weekday()] }}, {{ now().day }}. {{ months[now().month - 1] }} {{
 now().year }}, {{ now().strftime("%H:%M") }} </font>
grid_options:
 rows: 1
 columns: full

Wie passe ich dein Vorschlag hier genau ein?
Das überblicke ich hier leider nicht :thinking:
Dazu bin ich hier zu dumm.
:wink:

Vorrausgesetzt du hast GitHub - piitaya/lovelace-mushroom: Build a beautiful Home Assistant dashboard easily und GitHub - thomasloven/lovelace-card-mod: 🔹 Add CSS styles to (almost) any lovelace card installiert:

type: custom:mushroom-template-card
primary: |-
  {% set months = ["Januar", "Februar", "März", "April",
   "Mai", "Juni", "Juli", "August", "September", "Oktober", "November",
   "Dezember"] %}
  {% set days = ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag",
   "Samstag", "Sonntag"] %}
  {{ days[now().weekday()] }}, {{ now().day }}. {{ months[now().month - 1] }} {{
   now().year }}, {{ now().strftime("%H:%M") }}
secondary: ""
icon: ""
grid_options:
  columns: 12
  rows: 1
card_mod:
  style:
    mushroom-state-info$: |
      .container {
       --card-primary-font-size: 22px;
       align-items: center;
      }

Danke. In der Horizontalen ist es jetzt mittig.
Aber in der Vertikalen nicht.
Und leider ist die Schrift wieder kleiner. Auch bei 30px oder 40px

So, jetzt ist es mittig aber die Schriftgröße ist noch zu klein.

Der <center>HTML zentriert</center> wird in der Markdown Karte ebenfalls unterstützt.

Füge das noch in ein:

Danke. Aber egal ob ich 22px oder mehr oder weniger eingeben. Es kommt immer das gleiche Schriftbild. Leider.

Bei mir funktioniert es. Hast du card-mod installiert?

Ich denke schon.

image

image

Wie kann ich prüfen, ob card-mod auch wirklich richtig installiert ist und wirksam ist?

Also wenn das deine configuration.yaml ist, dann hast du das falsch hinzugefügt.

Installierst du deine Sachen mit HACS? Wenn ja brauchst du die Einträge unter resouces gar nicht. Die werden beim Installieren automatisch gemacht. Oder unter Einstellungen → Dashboards → … oben rechts auf Ressourcen

Du musst in deiner configuration.yaml unter frontend das hinzufügen.

frontend:
  extra_module_url:
    - /local/card-mod.js

bei wir war das immer so etwas wie das hier

frontend:
  themes: !include_dir_merge_named themes
  extra_module_url:
    - /www/community/lovelace-card-mod/card-mod.js

kommt natürlich auf deine Ordnerstruktur an.

Bekomme es einfach nicht hin das die Schriftgröße sich ändert.

Hab es mal ohne Backround Änderungen versucht. Aber da funktioniert es auch nicht.

Kann mir jemand einen Tipp geben was ich falsch mache?

Und kann man die Bildgröße auch ändern?

Für Hilfe wäre ich dankbar.