# Customize css for node template

**URL:** https://discourse.nodered.org/t/customize-css-for-node-template/23624
**Category:** Dashboard
**Created:** [25 March 2020 14:33 UTC](https://discourse.nodered.org/t/customize-css-for-node-template/23624 "2020-03-25T14:33:31Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![cigno](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cigno/32/91812_2.png) [@cigno](https://discourse.nodered.org/u/cigno)
#### Post date: [25 March 2020 14:33 UTC](https://discourse.nodered.org/t/customize-css-for-node-template/23624/1 "2020-03-25T14:33:31Z")

</div>

hi everyone I'm trying to use the w3.css framework and use it in the template node.  
but when I go to link it locally it doesn't work  
link rel = "stylesheet" href = "/ css / w3.css".  
but when I link it like this  
link rel = "stylesheet" href = "[https://www.w3schools.com/w3css/4/w3.css](https://www.w3schools.com/w3css/4/w3.css)"  
everything works.  
please can you help me thank.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [25 March 2020 15:41 UTC](https://discourse.nodered.org/t/customize-css-for-node-template/23624/2 "2020-03-25T15:41:17Z")

</div>

> [@cigno](#):
>
> link rel = "stylesheet" href = "/ css / w3.css".

Have you really got spaces in your folder and file names?

---

<div class="post-metadata">

### Author: ![cigno](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cigno/32/91812_2.png) [@cigno](https://discourse.nodered.org/u/cigno)
#### Post date: [25 March 2020 15:46 UTC](https://discourse.nodered.org/t/customize-css-for-node-template/23624/3 "2020-03-25T15:46:27Z")

</div>

the file I need to include is called w3.css  
and is located in c: \ css \ w3.css  
while if I include it directly from the server it works

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [25 March 2020 16:06 UTC](https://discourse.nodered.org/t/customize-css-for-node-template/23624/4 "2020-03-25T16:06:31Z")

</div>

I think it is much more likely that the file is in `c:\css\w3.css` (no spaces). When you fetch a file from `/some/path` it looks in wherever you have specified for httpStatic in your settings.js file. Typically you should specify something like  
`httpStatic: '/home/user/.node-red/static/',`  
and then put the css files in that folder.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [25 March 2020 16:35 UTC](https://discourse.nodered.org/t/customize-css-for-node-template/23624/5 "2020-03-25T16:35:14Z")

</div>

That is for a linux system of course, presumably for Windows you would put the equivalent Windows path in.

---

<div class="post-metadata">

### Author: ![cigno](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cigno/32/91812_2.png) [@cigno](https://discourse.nodered.org/u/cigno)
#### Post date: [25 March 2020 17:29 UTC](https://discourse.nodered.org/t/customize-css-for-node-template/23624/6 "2020-03-25T17:29:06Z")

</div>

thanks you were very kind it works !!! 😀 👋

---

<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: [8 April 2020 17:29 UTC](https://discourse.nodered.org/t/customize-css-for-node-template/23624/7 "2020-04-08T17:29:07Z")

</div>

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