Feature Request: Font Sizing.

[MikeGuest]

Hi.

I love this add-on - my only issue is, i'm using it as the last button on my menu line, and the size of the fonts causes the tile to be truncated on my tablets. (example below)

I'd love an easy way to specify the date and time font sizes (separately if possible) in the yaml.

Thanks

[wassy92x]

If you like to change the font size please use card-mod. https://github.com/thomasloven/lovelace-card-mod

If you need some help, you can respond to this issue.

[MikeGuest]

is it possible to use card-mod to change the text size of each line independently?

Thanks

[LUBANG37]

My configuration:

GRID

• first:

type: custom:digital-clock dateFormat: ' ' card_mod: style: | .type-custom-digital-clock { font-size: 40px !important; font-weight: bold !important; color: orange; }

• next...

type: custom:digital-clock timeFormat: ' ' dateFormat: weekday: long day: 2-digit month: short card_mod: style: | .type-custom-digital-clock { font-size: 15px !important; font-weight: normal !important; color: orange; }

[smartroad]

Just in case anyone else finds this like I did to figure out how to change font size, you can change the each line without having to have two cards:

type: custom:digital-clock
dateFormat:
  weekday: long
  day: 2-digit
  month: short
  year: numeric
timeFormat:
  hour: 2-digit
  minute: 2-digit
  second: 2-digit
card_mod:
  style: |
    .first-line {
      font-size: 56px !important;}
    .second-line {
      font-size: 8px !important;}

[MikeGuest]

card_mod: style: | .first-line { font-size: 56px !important;} .second-line { font-size: 8px !important;}

Works for me. Many thanks.

I think it might benefit others if this could be an addition to the docs rather than someone having to ferret out this old request though.