# Widget Text colour

**URL:** <https://discourse.nodered.org/t/widget-text-colour/37118>\
**Category:** Dashboard\
**Created:** [7 December 2020 11:25 UTC](https://discourse.nodered.org/t/widget-text-colour/37118 "2020-12-07T11:25:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![edstobi](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@edstobi](https://discourse.nodered.org/u/edstobi)\
**Post date:** [7 December 2020 11:25 UTC](https://discourse.nodered.org/t/widget-text-colour/37118/1 "2020-12-07T11:25:27Z")

</div>

Hello  
I want to change the widget text colour in the widget settings.  
I could do this via themes and the STYLE Custom, but then this applies to everything.  
I only want to change the font colour in **one** ui dashboard **UI\_form**. e.g. via a template.  
Can anyone assist me to solve this chalange?

 ![temp](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/3/c3d3188d4b71580dadd8ee7407baae76d4ff2975.jpeg)  
The text is almost unreadable.  
THX Marc

---

<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:** [7 December 2020 12:07 UTC](https://discourse.nodered.org/t/widget-text-colour/37118/2 "2020-12-07T12:07:53Z")

</div>

You have already overrides applied to dashboard CSS. So you should have some knowledge how to do it. Use the browser developer developer tools to identify the element and its classes and override where needed.  
I think you have started you modification with light theme but you have then added background image kind of more dark so the dark theme as base would be better choice.

---

<div class="post-metadata">

**Author:** ![edstobi](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@edstobi](https://discourse.nodered.org/u/edstobi)\
**Post date:** [7 December 2020 16:49 UTC](https://discourse.nodered.org/t/widget-text-colour/37118/3 "2020-12-07T16:49:36Z")

</div>

Hi hotNipi  
you're right.  
I can change almost anything. The text which is entered in the ui form is also in a different color. But I can't find the labels which are displayed in the ui form.  
They change when I adapt the styles, but I could not find anything with the browser developer tools which points to the lable off the UI\_form for example the word "Passwort"  
I had hoped that there was someone who could delve deeper into CSS. I have too little knowledge for that. I do not know enough about the CSS and what could be possible with other tools.  
THX  
Marc

---

<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:** [7 December 2020 17:20 UTC](https://discourse.nodered.org/t/widget-text-colour/37118/4 "2020-12-07T17:20:18Z")

</div>

Try those:

```auto
.nr-dashboard-theme .nr-dashboard-form form md-input-container label {
    color: #ff2b2b;
}
.nr-dashboard-theme md-content .nr-dashboard-form form md-input-container .md-input {
    color: #009083;
}

```

---

<div class="post-metadata">

**Author:** ![edstobi](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@edstobi](https://discourse.nodered.org/u/edstobi)\
**Post date:** [8 December 2020 13:45 UTC](https://discourse.nodered.org/t/widget-text-colour/37118/5 "2020-12-08T13:45:37Z")

</div>

Thank you very much 👏 👍  
I was very close to it, I could change the input text with ".nr-dashboard-theme md-content .nr-dashboard-form form md-input-container .md-input", but I could not find label  
THX  
Marc

---

<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:** [22 December 2020 13:45 UTC](https://discourse.nodered.org/t/widget-text-colour/37118/6 "2020-12-22T13:45:48Z")

</div>

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