Card with big Font

Configuration Frontend
1

Hello Community,
I am looking for a card, where the value has mostly the full size of the card. And a small name. Best case the background collour is changeable.
Background: I want a status dashboard where e.g. some temperature and other values, is always visible on the iPad also from 5 meter.
I fear this is allready asked x times, but I really searched, long time, but did not find the answer. thanks Frank

2

The simplest version … markdown and html, some example.

image
image1132×392 17.5 KB

3

1000 Thanks Vingerha,
It works like I need it, but easy is something else :slight_smile:
What I do not understand,

  1. why this is not in the easy clicky configuration. Am I the only one who needs that,
  2. where can I find deeper information, e.g how I can change the background collour.
    Thanks Frank
4

Rhetorical question.

For this you will need to learn CSS and a custom plugin called card-mod.

5

@Ildar_Gabdullin forgot to mention that he created a very nice post covering the use of card-mod for a large variety of cards

:small_blue_diamond: Card-mod - Add css styles to any lovelace card - Share your Projects! / Dashboards & Frontend - Home Assistant Community

When you will grow more into HA you will find that it is impossible to cover all the layout requirements that people have with mere clickable config. The various card coverage through the link above will demonstrate the mass of options and this is not even all.

1 Like
6

A simple example… more advanced could be changing the color based on the state. Check the link above and … yes… a learning curve, for some more steeper than for others :slight_smile:


type: markdown
content: >-
 <font size=10>BLA
card_mod:
  style:
    .: |
      ha-card {
        border-width: 10px !important;
        background: blue;
      }
7

@vingerha again, thank you very much for your effort. I know now what I will do at Easter.
Thanks Frank