# Dashboard template add stylesheet?

**URL:** <https://discourse.nodered.org/t/dashboard-template-add-stylesheet/41021>\
**Category:** Dashboard\
**Created:** [15 February 2021 13:04 UTC](https://discourse.nodered.org/t/dashboard-template-add-stylesheet/41021 "2021-02-15T13:04:13Z")\
**Posts on this page:** 5\
**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:** [15 February 2021 13:04 UTC](https://discourse.nodered.org/t/dashboard-template-add-stylesheet/41021/1 "2021-02-15T13:04:14Z")

</div>

Hello,  
I'm trying to add stylesheet into dashboard template. Like this:

`<link rel="stylesheet" type="text/css" href="/home/pi/static/html/Stylesheet.css">`

is it even possible or do I have to use allways style tag and add my style into each template for its own?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [15 February 2021 13:18 UTC](https://discourse.nodered.org/t/dashboard-template-add-stylesheet/41021/2 "2021-02-15T13:18:35Z")

</div>

It does work but you have given a filing system path and not a URL.

You need to put the CSS file where it is accessible as a web resource. For example, configure your static folder in settings.js and put it there. Then you can reference it as a URL served by Node-RED.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [15 February 2021 13:29 UTC](https://discourse.nodered.org/t/dashboard-template-add-stylesheet/41021/3 "2021-02-15T13:29:39Z")

</div>

I assume that you have configured the static folder and the folder is called "static" and you have folder "html" in it where you have that CSS file, then the `href` should be:

```auto
href="/html/Stylesheet.css"

```

---

<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:** [15 February 2021 13:42 UTC](https://discourse.nodered.org/t/dashboard-template-add-stylesheet/41021/4 "2021-02-15T13:42:09Z")

</div>

Thats it, thank you!

---

<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:** [1 March 2021 13:43 UTC](https://discourse.nodered.org/t/dashboard-template-add-stylesheet/41021/5 "2021-03-01T13:43:00Z")

</div>

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