# Dashboard element css classes

**URL:** <https://discourse.nodered.org/t/dashboard-element-css-classes/46447>\
**Category:** Dashboard\
**Created:** [29 May 2021 12:41 UTC](https://discourse.nodered.org/t/dashboard-element-css-classes/46447 "2021-05-29T12:41:32Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [29 May 2021 14:17 UTC](https://discourse.nodered.org/t/dashboard-element-css-classes/46447/2 "2021-05-29T14:17:07Z")

</div>

A workaround ...

use the `id` of the node in a selector (you find the nodes id in the sidebar under the info tab) e.g...

ui-template node (set for head)

```auto
<style>
[node-id="1f9886f1.f40569"] > button {
    color: green !important;
    background-color: purple !important;
}
</style>

```

but I agree, having the ability to specify an additional `class` or classes on the UI items like button and label etc would simplify this somewhat.

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-element-css-classes/46447)._