# Change border of single ui\_text

**URL:** <https://discourse.nodered.org/t/change-border-of-single-ui-text/41222>\
**Category:** Dashboard\
**Created:** [18 February 2021 09:33 UTC](https://discourse.nodered.org/t/change-border-of-single-ui-text/41222 "2021-02-18T09:33:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sfedo](https://avatars.discourse-cdn.com/v4/letter/s/3da27b/32.png) [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Post date:** [18 February 2021 09:33 UTC](https://discourse.nodered.org/t/change-border-of-single-ui-text/41222/1 "2021-02-18T09:33:07Z")

</div>

Hello,  
Am I able to change the border color of one single widget, in my case ui\_text?  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/c/ac8a42288dceb37582f437eba89a6ef8794e1074.png)

I can't find out how to target this class with css. You can also see on the picture, that the font style is not the same. I would like to cahnge this aswell.

I was trying to do this:

```auto
.nr-dashboard-widget-text{
    
    font-size: 10px !important;
    background-color: blue !important;
    border: 3px solid yellow !important;
    
}

```

but it doesnt work. What am I missing?

---

<div class="post-metadata">

**Author:** ![sfedo](https://avatars.discourse-cdn.com/v4/letter/s/3da27b/32.png) [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Post date:** [18 February 2021 11:00 UTC](https://discourse.nodered.org/t/change-border-of-single-ui-text/41222/2 "2021-02-18T11:00:41Z")

</div>

I've found out that my setup works, I only need to use as label: text. Then my settings apply to my ui\_text widget.

But now second question. How to use label, but hidden? I dont want to show the label, I need only the payload, but I need to use label to target the widget with css class.

---

<div class="post-metadata">

**Author:** ![sfedo](https://avatars.discourse-cdn.com/v4/letter/s/3da27b/32.png) [@sfedo](https://discourse.nodered.org/u/sfedo)\
**Post date:** [18 February 2021 11:11 UTC](https://discourse.nodered.org/t/change-border-of-single-ui-text/41222/3 "2021-02-18T11:11:32Z")

</div>

nevermind, I've got it:

```auto
.nr-dashboard-widget-text p.label{
    /*visibility: hidden !important;*/
    display:none !important;
}

```

hidden still takes space on the page,  
dispaly none dont take space

---

<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:** [20 March 2021 11:12 UTC](https://discourse.nodered.org/t/change-border-of-single-ui-text/41222/4 "2021-03-20T11:12:15Z")

</div>

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