# How to set a background image in Node-RED Dashboard 2.0?

**URL:** <https://discourse.nodered.org/t/how-to-set-a-background-image-in-node-red-dashboard-2-0/97397>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [3 June 2025 13:54 UTC](https://discourse.nodered.org/t/how-to-set-a-background-image-in-node-red-dashboard-2-0/97397 "2025-06-03T13:54:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jussie](https://avatars.discourse-cdn.com/v4/letter/j/a5b964/32.png) [@jussie](https://discourse.nodered.org/u/jussie)\
**Post date:** [3 June 2025 13:54 UTC](https://discourse.nodered.org/t/how-to-set-a-background-image-in-node-red-dashboard-2-0/97397/1 "2025-06-03T13:54:08Z")

</div>

Hi everyone,

I’m using Node-RED Dashboard 2.0, and I’d like to set a background image for my dashboard (either a local image or something from the internet).

I’ve tried a few things using CSS in a ui-template node and in the page settings, but so far nothing has worked — even simple things like setting a red background color don’t seem to apply.

Has anyone managed to get this working in Dashboard 2.0? Or does anyone know the right way to do it?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [3 June 2025 14:16 UTC](https://discourse.nodered.org/t/how-to-set-a-background-image-in-node-red-dashboard-2-0/97397/2 "2025-06-03T14:16:00Z")

</div>

This should help: [UI Template Examples | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/user/template-examples.html#background-image)

---

<div class="post-metadata">

**Author:** ![jussie](https://avatars.discourse-cdn.com/v4/letter/j/a5b964/32.png) [@jussie](https://discourse.nodered.org/u/jussie)\
**Post date:** [3 June 2025 14:21 UTC](https://discourse.nodered.org/t/how-to-set-a-background-image-in-node-red-dashboard-2-0/97397/3 "2025-06-03T14:21:05Z")

</div>

This is indeed exactly what I meant!  
Thank you very much!

---

<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:** [17 June 2025 14:21 UTC](https://discourse.nodered.org/t/how-to-set-a-background-image-in-node-red-dashboard-2-0/97397/4 "2025-06-17T14:21:30Z")

</div>

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