# How to style the tspan element of Gauge

**URL:** https://discourse.nodered.org/t/how-to-style-the-tspan-element-of-gauge/86344
**Category:** Dashboard
**Created:** [11 March 2024 19:05 UTC](https://discourse.nodered.org/t/how-to-style-the-tspan-element-of-gauge/86344 "2024-03-11T19:05:39Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![xtrailrunner](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/xtrailrunner/32/74959_2.png) [@xtrailrunner](https://discourse.nodered.org/u/xtrailrunner)
#### Post date: [11 March 2024 19:05 UTC](https://discourse.nodered.org/t/how-to-style-the-tspan-element-of-gauge/86344/1 "2024-03-11T19:05:39Z")

</div>

Displaying a value format from the payload the value itself is displayed below the gauge as a text.  
It is formated with _value_.  
I would like that the value is not displayed. Is there a way to style the tspan element?

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [12 March 2024 07:50 UTC](https://discourse.nodered.org/t/how-to-style-the-tspan-element-of-gauge/86344/2 "2024-03-12T07:50:21Z")

</div>

CSS override

```auto
<style>
    /* remove all texts*/
    .gauge-no-text text{
       /* display:none;*/
    }
    /* remove only value field*/
    .gauge-no-text text:first-of-type{
        /*display:none;*/
    }
</style>

```

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [11 April 2024 07:51 UTC](https://discourse.nodered.org/t/how-to-style-the-tspan-element-of-gauge/86344/3 "2024-04-11T07:51:21Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.