How can I change the font/font size for the units?

[ulitrommer]

Need Help

I just want to reduce the font size of the displayed unit in a custom:button-card

type: custom:button-card

My configuration:

entity: sensor.total_dc_power
layout: icon_name_state2nd
name: Solar
icon: kuf:weather_sun
show_state: true
units: W
styles:
card:
- height: null
- border-radius: 0%
- background-color: transparent
name:
- font-family: kanit-thin
- font-size: 25px
- font-weight: bold
- color: grey
icon:
- color: grey
state:
- font-family: next-art
- font-size: 50px
- font-weight: bold
- color: grey
- size: 10px

[LiQuid_cOOled]

Welcome to the forum. A couple of points…

Please post your code using the community standards. See #11, but please read the other points as well.

How to help us help you - or How to ask a good question

Before we begin… This forum is not a helpdesk The people here don’t work for Home Assistant, that’s an open source project. We are volunteering our free time to help others. Not all topics may get an answer, never mind one that helps you solve your problem. [image] This also isn’t a general home automation forum, this is a forum for Home Assistant and things related to it. Any question about Home Assistant, and about using things with Home Assistant, is welcome here. We can’t help you with e…

There is large thread for custom:button-card here

Fun with custom:button-card

I’ve recently discovered the power of custom:button-card (GitHub - custom-cards/button-card: Lovelace button-card for home assistant) and want to share some nice layouts I created. Be sure to read the documentation for the button-card at that link if you try to use any of these examples. I make extensive use of its templating feature. [panels with alerts] If the image above is not animated, try clicking it to open a popup. The fans should be spinning and 2 sensors should be flashing red o…

This is controlling the font size of the state

reduce it to something like - font-size: 20px

[ulitrommer]

Hello
and thank you
for your reply.
I have already used this solution, but it changes the entire display.
I just want to change the size of the unit.
I don’t have an idea for that yet

Thanks anyway !

[flyboy (Mark)]

@ulitrommer Did you find a solution for changing just the size of the units text? Thx.

[d13g0m0nt3s]

units: <span style=“font-size:18px”> w</span>

[flyboy (Mark)]

Thanks for the response. Unfortunately while it does override the displayed units, the font-size did not change and remained the same as the state itself.

[d13g0m0nt3s]

Hi, it’s working for me, maybe is your theme. If you change the font-size number the W keeps the size? English is not my language and maybe I do not understand well, do you wanna change the size of the numbers or the W?