# Apply custom css styling to dashboard elems

**URL:** <https://discourse.nodered.org/t/apply-custom-css-styling-to-dashboard-elems/3483>\
**Category:** Dashboard\
**Created:** [27 September 2018 09:34 UTC](https://discourse.nodered.org/t/apply-custom-css-styling-to-dashboard-elems/3483 "2018-09-27T09:34:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vishu](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vishu/32/2833_2.png) [@Vishu](https://discourse.nodered.org/u/Vishu)\
**Post date:** [27 September 2018 09:34 UTC](https://discourse.nodered.org/t/apply-custom-css-styling-to-dashboard-elems/3483/1 "2018-09-27T09:34:40Z")

</div>

Hi,

When using the dashboard nodes, they get displayed in a default page containing style elements depending on what the node can offer. Is it possible to add custom css styling when using for instance the moustache node?

If not; Is there someone who has an alternative way to add custom css to a dashboard node?

Thank you!

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [27 September 2018 10:00 UTC](https://discourse.nodered.org/t/apply-custom-css-styling-to-dashboard-elems/3483/2 "2018-09-27T10:00:08Z")

</div>

Add a ui\_templace node and put your CSS in it. You will have to find the ID/class that you want to apply it to.

If you want to see an example look at the 'dashboard' tab in the flow: [ET Display Home](https://discourse.nodered.org/t/et-display-home-a-flow-to-help-manage-your-espeasy-and-sonoff-tasmota-flashed-devices/1893)

---

<div class="post-metadata">

**Author:** ![Vishu](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vishu/32/2833_2.png) [@Vishu](https://discourse.nodered.org/u/Vishu)\
**Post date:** [27 September 2018 14:39 UTC](https://discourse.nodered.org/t/apply-custom-css-styling-to-dashboard-elems/3483/3 "2018-09-27T14:39:17Z")

</div>

Thank you for your reply.

It does seem to work but not always. Im running Node-red locally and it works. When using the ui\_template node on a live project it works sometimes? Is this a known issue?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [27 September 2018 15:18 UTC](https://discourse.nodered.org/t/apply-custom-css-styling-to-dashboard-elems/3483/4 "2018-09-27T15:18:40Z")

</div>

> [@Vishu](#):
>
> node on a live project it works sometimes

what do you mean by a live project?