# Change blank label text color

**URL:** <https://discourse.nodered.org/t/change-blank-label-text-color/46610>\
**Category:** Dashboard\
**Created:** [2 June 2021 16:57 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610 "2021-06-02T16:57:22Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![victorramos99](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@victorramos99](https://discourse.nodered.org/u/victorramos99)\
**Post date:** [2 June 2021 16:57 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/1 "2021-06-02T16:57:23Z")

</div>

Hi! I want to change the color of the text of the blank label of a line chart. I try that writing in the blank label space of the chart node: text but it doesn't worked. Is possible to do it?

Thanks

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [2 June 2021 18:13 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/2 "2021-06-02T18:13:24Z")

</div>

Can you clarify which text you mean with a small screenshot ?

---

<div class="post-metadata">

**Author:** ![victorramos99](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@victorramos99](https://discourse.nodered.org/u/victorramos99)\
**Post date:** [2 June 2021 18:17 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/3 "2021-06-02T18:17:50Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/a/bab887406114dfce8bde31a04a33eee884f9f99f.png)

I want to costume the blank label and make the letter of color black.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [2 June 2021 18:36 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/4 "2021-06-02T18:36:53Z")

</div>

Not certain the field supports HTML but if it does, you'll need quotes around the color value eg

```auto
<font color="black">text</font>

```

---

<div class="post-metadata">

**Author:** ![victorramos99](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@victorramos99](https://discourse.nodered.org/u/victorramos99)\
**Post date:** [2 June 2021 18:40 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/5 "2021-06-02T18:40:40Z")

</div>

Hi Steve! Thanks for your answer. This doesn't work. It seems that the field doesn't support HTML. Is it possible to costume that with a msg.ui\_control or a ui\_template node?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [2 June 2021 18:41 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/6 "2021-06-02T18:41:41Z")

</div>

> [@victorramos99](#):
>
> and make the letter of color black.

`#FFFFFF` is white - black is `#000000`

> [@victorramos99](#):
>
> This doesn't work

What do you see?

---

<div class="post-metadata">

**Author:** ![victorramos99](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@victorramos99](https://discourse.nodered.org/u/victorramos99)\
**Post date:** [2 June 2021 18:42 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/7 "2021-06-02T18:42:25Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/9/a98d994d5ef05c00071d9ce79e9472ea2e627997.png)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [2 June 2021 18:50 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/8 "2021-06-02T18:50:30Z")

</div>

Ah. Then no, it doesn't appear to support HTML.

Sorry, can't help.

---

<div class="post-metadata">

**Author:** ![victorramos99](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@victorramos99](https://discourse.nodered.org/u/victorramos99)\
**Post date:** [2 June 2021 18:51 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/9 "2021-06-02T18:51:47Z")

</div>

So there isn't any method to change the color?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [2 June 2021 18:54 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/10 "2021-06-02T18:54:49Z")

</div>

Maybe possible with CSS. Use a UI template node (set to head mode) with appropriate style setting to target the element.

---

<div class="post-metadata">

**Author:** ![victorramos99](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@victorramos99](https://discourse.nodered.org/u/victorramos99)\
**Post date:** [2 June 2021 18:55 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/11 "2021-06-02T18:55:43Z")

</div>

Can you help me doing that? How can I target can i target the chart node?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [2 June 2021 19:05 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/12 "2021-06-02T19:05:08Z")

</div>

[Use your browser devtools](https://www.youtube.com/watch?v=V2aAEzlvyDc) to inspect the HTML and find something that makes a selector that targets the element then put appropriate styling in the ui-template node

e.g...

```auto
<style>
    p.blank-label {
        color: black !important;
    }
</style>

```

---

<div class="post-metadata">

**Author:** ![victorramos99](https://avatars.discourse-cdn.com/v4/letter/v/e36b37/32.png) [@victorramos99](https://discourse.nodered.org/u/victorramos99)\
**Post date:** [2 June 2021 19:28 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/13 "2021-06-02T19:28:13Z")

</div>

Wow that works! Thank you so much Steve, this video was incredibly helpful.

---

<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:** [2 July 2021 19:29 UTC](https://discourse.nodered.org/t/change-blank-label-text-color/46610/14 "2021-07-02T19:29:10Z")

</div>

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