# How do you change the font size on the battery gauge

**URL:** <https://discourse.nodered.org/t/how-do-you-change-the-font-size-on-the-battery-gauge/95292>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [10 February 2025 17:01 UTC](https://discourse.nodered.org/t/how-do-you-change-the-font-size-on-the-battery-gauge/95292 "2025-02-10T17:01:27Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [10 February 2025 21:19 UTC](https://discourse.nodered.org/t/how-do-you-change-the-font-size-on-the-battery-gauge/95292/4 "2025-02-10T21:19:35Z")

</div>

> [@thespinmaster](#):
>
> I’m guessing that is what bglable is; a separate background label.

Oh yes you are right.  
I remember from my attempt to use the [battery gauge as an LED bar chart](https://discourse.nodered.org/t/ui-gauge-widget-battery-level-percentage-as-a-vertical-led-array/) it displays the label twice, --bglabel and --fglabel.

They are both needed so the value shows up even if the fill % is below the position of the text.

> [@thespinmaster](#):
>
> Sorry, not sure where I change or view the base font size.

No, me neither! 🫤

> [@thespinmaster](#):
>
> The font color is also black and I cannot appear to change it using the color style.

Try using !important in your CSS.

---

_[View the full topic](https://discourse.nodered.org/t/how-do-you-change-the-font-size-on-the-battery-gauge/95292)._