# How to put image background in the Node-Red (Raspberry Pi 5)

**URL:** <https://discourse.nodered.org/t/how-to-put-image-background-in-the-node-red-raspberry-pi-5/87741>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [6 May 2024 08:59 UTC](https://discourse.nodered.org/t/how-to-put-image-background-in-the-node-red-raspberry-pi-5/87741 "2024-05-06T08:59:35Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [6 May 2024 10:08 UTC](https://discourse.nodered.org/t/how-to-put-image-background-in-the-node-red-raspberry-pi-5/87741/4 "2024-05-06T10:08:33Z")

</div>

OK thanks.

Yes, I suspected the image of coffee beans might be what you mean 😉

On my Raspberry Pi I have a simple dashboard with a background image:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/c/7ce6dd6d27d2fdb4068c832f416adf57b94cc01d.jpeg)

It is specified like this:

- My dashboard tab name is "Consolidated".  
The background image is /home/pi/.node-red/node-red-static/raindrops.jpg
- In settings.js I have `httpStatic: '/home/pi/.node-red/node-red-static/',` (I don't like the idea of using /lib/node\_modules/node-red/image, can Node-red's web server see that directory?)
- A ui-template defines the CSS.  
The mistake I keep making is omitting the leading / in the url.

```auto
<style> 
#Tab_Consolidated {
    background-image: url("/raindrops.jpg");
}
</style>

```

---

_[View the full topic](https://discourse.nodered.org/t/how-to-put-image-background-in-the-node-red-raspberry-pi-5/87741)._