Change Badge font size or badge size overall?

Configuration Frontend
1

I am looking for a way to make the new badges bigger. Either by changing the font size or increase the badge size overall (let’s call it upscaling). How is this possible?

I found some examples with card-mod and styles, but when using the code nothing is changing overall. I guess the code is for the old badges since it was postet some years ago. Even ChatGPT is no help.

Is there any method to do this?

Using HA 2024.9.0. Card-mod is working properly since I can change text colors on other cards.

My badge code:

type: entity
show_name: true
show_state: true
show_icon: true
entity: sensor.gelbe_tonne
color: yellow
show_entity_picture: false
name: Gelbe Tonne
visibility:
  - condition: numeric_state
    entity: sensor.gelbe_tonne_daysto
    below: 3
2 Likes
2

Would be great if you could increase the badge size, they’re quite small on my dashboard/iPad view. If they could be streched like the other cards in sections, would be great!

1 Like
3

Yes of course.
You cannot use card-mod for the new badges. At least for now.
Update 12.12.24 - it is already possible, 2 methods are available, see card-mod thread.

1 Like
4

I would like this feature very much as well. On my phone the old badges were great, large and easy to read for the things I needed like temperature numbers.

The new ones are so tiny I have to go find a pair of reading glasses to be able to see.

1 Like
5

Me too, please.

6

I couldn’t find these methods. Could you provide a link please?

7

Go to main card-mod thread → 1st post → link at the bottom titled “fantastic” → badges

8

Thanks!

Here is a link to this amazing post by Ildar_Gabdullin: Fantastic

Then scroll down to the section Badges (2024.8)