# Font size in Label

**URL:** <https://discourse.nodered.org/t/font-size-in-label/35713>\
**Category:** Dashboard\
**Created:** [11 November 2020 00:59 UTC](https://discourse.nodered.org/t/font-size-in-label/35713 "2020-11-11T00:59:49Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![RASelkirk](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/raselkirk/32/57425_2.png) [@RASelkirk](https://discourse.nodered.org/u/RASelkirk)\
**Post date:** [11 November 2020 00:59 UTC](https://discourse.nodered.org/t/font-size-in-label/35713/1 "2020-11-11T00:59:50Z")

</div>

Hi All,

I'm using a label node with blank label, instead using msg.topic for the label text and I am able to programmatically change that as desired. I'd like to be able change the standard font size to something larger, is this possible? I've seen methods using the "label" property, but what if the label is blank?

Thanks!

Russ

---

<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:** [11 November 2020 06:10 UTC](https://discourse.nodered.org/t/font-size-in-label/35713/2 "2020-11-11T06:10:18Z")

</div>

About how to customize dashboard CSS [🖌 Customize dashboard CSS](https://discourse.nodered.org/t/customize-dashboard-css/23139)

For the text widget label font size the css is:

```auto
.nr-dashboard-theme .nr-dashboard-text .label {
        font-size: 25px;
 }

```

---

<div class="post-metadata">

**Author:** ![RASelkirk](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/raselkirk/32/57425_2.png) [@RASelkirk](https://discourse.nodered.org/u/RASelkirk)\
**Post date:** [11 November 2020 16:57 UTC](https://discourse.nodered.org/t/font-size-in-label/35713/3 "2020-11-11T16:57:38Z")

</div>

OK that worked, kinda. I have two text labels that are fine as-is, text is set with the label property. The third label, the one I'd like to have a larger font, has a blank label property with the label being set by passing a msg.payload to it's value property so it changes on the fly.

When I put the above code into your "dashboard stylesheet" template node, it changes the first two (with actual labels for text), but not the third with only a value as it's label. I tried it with a "space" instead of blank for the label, still didn't work. Should I be passing the style code in the msg.value?

Russ

---

<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:** [11 November 2020 17:12 UTC](https://discourse.nodered.org/t/font-size-in-label/35713/4 "2020-11-11T17:12:37Z")

</div>

Well your explanation is kind of not very clear.  
But one thing to realize is that text widget contains 2 elements

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/5/35fba9052960a4e2cb0e47c95194124283b359b9.png)

As you first asked how to do it for label field the other field can be done similarly but the class name is `.value`

```auto
.nr-dashboard-theme .nr-dashboard-text .value{
        font-size: 25px;
 }

```

But but if that is not the case for you, may be share some images and explain a little more.

---

<div class="post-metadata">

**Author:** ![RASelkirk](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/raselkirk/32/57425_2.png) [@RASelkirk](https://discourse.nodered.org/u/RASelkirk)\
**Post date:** [11 November 2020 17:25 UTC](https://discourse.nodered.org/t/font-size-in-label/35713/5 "2020-11-11T17:25:34Z")

</div>

> [@hotNipi](#):
>
> ```auto
> .nr-dashboard-theme .nr-dashboard-text .label {
> font-size: 25px;
> }
> 
> ```

That was EXACTLY the answer, many thanks!

I looked for the Chrome code inspector you use, went to that page and didn't see a DL or install. Is this the same as using F12 on my browser? That page says to right-click on an item, but I don't have "Inspect" on my menu...

Russ

 ![Image 000](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/b/1bedf0b8004004320ef22e21d2625faf47873f12.jpeg)

---

<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:** [11 November 2020 17:41 UTC](https://discourse.nodered.org/t/font-size-in-label/35713/6 "2020-11-11T17:41:31Z")

</div>

F12 should open correct tools.  
The inspect me example just opens same tool but the interested object already in focus.  
It looks like firefox some kind of?

---

<div class="post-metadata">

**Author:** ![RASelkirk](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/raselkirk/32/57425_2.png) [@RASelkirk](https://discourse.nodered.org/u/RASelkirk)\
**Post date:** [11 November 2020 18:29 UTC](https://discourse.nodered.org/t/font-size-in-label/35713/7 "2020-11-11T18:29:38Z")

</div>

Yup, FF 82v02. I can't get an object to specifically come up in the inspector so it may be a FF or version issue. Thanks for your help!

Russ

---

<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 December 2020 18:29 UTC](https://discourse.nodered.org/t/font-size-in-label/35713/8 "2020-12-11T18:29:57Z")

</div>

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