# How to force ui\_text value to NOT be bold

**URL:** https://discourse.nodered.org/t/how-to-force-ui-text-value-to-not-be-bold/70412
**Category:** Dashboard
**Tags:** node-red-dashboard
**Created:** [10 November 2022 17:03 UTC](https://discourse.nodered.org/t/how-to-force-ui-text-value-to-not-be-bold/70412 "2022-11-10T17:03:12Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![mzn723](https://avatars.discourse-cdn.com/v4/letter/m/a88e4f/32.png) [@mzn723](https://discourse.nodered.org/u/mzn723)
#### Post date: [10 November 2022 17:03 UTC](https://discourse.nodered.org/t/how-to-force-ui-text-value-to-not-be-bold/70412/1 "2022-11-10T17:03:12Z")

</div>

I'm novice at html I thought this should be simple, but I've been wasting quiet sometime on this.  
So, other than using a ui\_template node, how do I force the value on a ui\_text to appear in normal font, to not be bold?

Nothing seems to work, whether I change the font weight or the size or even making it italic, it still appears bold. Help?

I tried (none of them cancel boldness):  
`<p style="font-weight:lighter;">{{msg.payload}}</p>`  
`<i">{{msg.payload}}</i>`  
`<p style="font-size:10px;">{{msg.payload}}</p>`

---

<div class="post-metadata">

### Author: ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [10 November 2022 19:33 UTC](https://discourse.nodered.org/t/how-to-force-ui-text-value-to-not-be-bold/70412/2 "2022-11-10T19:33:07Z")

</div>

Put this in a ui template node and set `msg.className` to widget (the widget bit can be whatever you like)

```auto
<style>
    
    .nr-dashboard-text.widget > p.value {
         font-weight:initial;
    }

</style

```

This perhaps explains it better [How to use pay load in one text output trigger color applied to another? - Dashboard - Node-RED Forum (nodered.org)](https://discourse.nodered.org/t/how-to-use-pay-load-in-one-text-output-trigger-color-applied-to-another/62658)

---

<div class="post-metadata">

### Author: ![mzn723](https://avatars.discourse-cdn.com/v4/letter/m/a88e4f/32.png) [@mzn723](https://discourse.nodered.org/u/mzn723)
#### Post date: [11 November 2022 12:11 UTC](https://discourse.nodered.org/t/how-to-force-ui-text-value-to-not-be-bold/70412/3 "2022-11-11T12:11:01Z")

</div>

ah finally, thank you! it worked.

---

<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: [25 November 2022 12:11 UTC](https://discourse.nodered.org/t/how-to-force-ui-text-value-to-not-be-bold/70412/4 "2022-11-25T12:11:19Z")

</div>

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