Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to change font size of values? #142

Open
herrzettpunkt opened this issue May 6, 2022 · 2 comments
Open

How to change font size of values? #142

herrzettpunkt opened this issue May 6, 2022 · 2 comments

Comments

@herrzettpunkt
Copy link

I'd like to resize the text values since these are slightly taller than a toggle switch which results into to slightly taller banner card when one item has a text as value.

As the card_mod font size command works on other entity cards, the same command lines doesn't apply to the banner-card.

Any (other) suggestions to make the cards horizontally even?

Bildschirmfoto 2022-05-06 um 02 36 21

type: custom:banner-card
heading: Haushalt
row_size: 2
entities:
  - entity: sensor.waschmaschine_status
    name: Waschmaschine
    card_mod:
      style: |
        :host {
          font-size: 10px;
        }
  - entity: sensor.trockner_status
    name: Trockner
  - entity: sensor.waschmaschine_last_update
    name: seit
@herrzettpunkt
Copy link
Author

#141 this helped me to align the cards. But I still want to change the font size.

@herrzettpunkt
Copy link
Author

I got it. If somebody has the same problem: The card-mod command has to be above the "entities".

But reducing the font size doesn't affect the vertical line between the items. If a row contains a text value, the line becomes taller than a line in a only toggle row.

In this screenshot you see a comparison between the two lines (the red line represents the tall line from above).

Bildschirmfoto 2022-05-06 um 03 29 36

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant