Markdown Card Font Size

[Mar1us]

Hi,

i currently have the following in the markdown card:

YAML Code

type: markdown
content: >2
    {% set weekdays = ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Sonntag'] %}
    {% set months = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'] %}

  <font size='10'>{{ now().strftime('%H:%M') }}

  <font size='5'>{{ weekdays[now().weekday()] }} - {{ now().day }} {{
  months[now().month - 1] }} {{ now().year }}
text_only: true
card_mod:
  style: |
    ha-card {
      font-weight: bold;
      text-align: center;
    }

this is working fine but i want that the font size of the time will be bigger and if i increase the size nothing happens anymore.

[tom_l]

Try:

type: markdown
content: >2
    {% set weekdays = ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Sonntag'] %}
    {% set months = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'] %}

  # {{ now().strftime('%H:%M') }}

  <font size='5'>{{ weekdays[now().weekday()] }} - {{ now().day }} {{
  months[now().month - 1] }} {{ now().year }}
text_only: true
card_mod:
  style: |
    ha-card {
      font-weight: bold;
      text-align: center;
    }

[Mar1us]

also doesn´t help.

#

makes is smaller

[Ildar_Gabdullin]

Shouldn’t a font size be defined in px?

[tom_l]

@Mar1us

makes is smaller

Make sure the # is hard up against the margin (in column 0)

[WallyR (Wally)]

Maybe you can get some solutions from this?

Home Assistant Dashboard Design - adding FONTS to your dashboard

Morning Everyone! Looking for an easy way to up your dashboard game? Check out me new tutorial on how easy it is to add free fonts to your dashboard that will work on all of your devices, tablets and browsers. [Home Assistant Dashboard Design - adding FONTS to your dashboard]

[Mar1us]

tried it but makes no difference

[Mar1us]

if i do this:

  {% set weekdays = ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Sonntag'] %}
  {% set months = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'] %}

<font size=10px>{{ now().strftime('%H:%M') }}
# {{ now().strftime('%H:%M') }}
<font size='5'>{{ weekdays[now().weekday()] }} - {{ now().day }} {{ months[now().month - 1] }} {{ now().year }}

the time is bigger

but if i remove the <font size> row the time goes small again:

  {% set weekdays = ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Sonntag'] %}
  {% set months = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'] %}


# {{ now().strftime('%H:%M') }}
<font size='5'>{{ weekdays[now().weekday()] }} - {{ now().day }} {{ months[now().month - 1] }} {{ now().year }}