# Is it possible to make template node transparant?

**URL:** <https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570>\
**Category:** Dashboard\
**Created:** [28 November 2019 18:37 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570 "2019-11-28T18:37:22Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![RogierQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rogierq/32/3211_2.png) [@RogierQ](https://discourse.nodered.org/u/RogierQ)\
**Post date:** [28 November 2019 18:37 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570/1 "2019-11-28T18:37:23Z")

</div>

Hi!

I have set my back with a template node with this

```auto
        body {
            background-image: url("http://escapec001.local/test/test.jpg");
            
        }

```

now the outline of the screen shows the image. but the node covers it in black  
is it possible to set the background of the template node transparant so you see the background image?

---

<div class="post-metadata">

**Author:** ![RogierQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rogierq/32/3211_2.png) [@RogierQ](https://discourse.nodered.org/u/RogierQ)\
**Post date:** [28 November 2019 18:44 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570/2 "2019-11-28T18:44:49Z")

</div>

Was to fast with my question.  
Found this solution on other search subject

```auto
.nr-dashboard-theme ui-card-panel {
    background-color: rgba(255,255,255,0);
}
body.nr-dashboard-theme md-content md-card {
    background-color: rgba(255,255,255,0);
}

```

no i just have a small black line around it. is there a tool to find ccs info of a page so i know what setting i need to add?

---

<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:** [28 November 2019 20:11 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570/3 "2019-11-28T20:11:31Z")

</div>

> [@RogierQ](#):
>
> is there a tool to find ccs info of a page so i know what setting i need to add?

That is what your browser's developer tools are for.

You can select an element and look at what CSS impacts it, even make on-the-fly changes (they aren't saved but can be useful to experiment with.

---

<div class="post-metadata">

**Author:** ![RogierQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rogierq/32/3211_2.png) [@RogierQ](https://discourse.nodered.org/u/RogierQ)\
**Post date:** [28 November 2019 22:09 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570/4 "2019-11-28T22:09:46Z")

</div>

Ok thanks! I found this for chrome. It works 😉

---

<div class="post-metadata">

**Author:** ![YT2310](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/yt2310/32/35255_2.png) [@YT2310](https://discourse.nodered.org/u/YT2310)\
**Post date:** [5 November 2020 13:25 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570/5 "2020-11-05T13:25:44Z")

</div>

hey,  
can you please share this code? 🙂

---

<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:** [5 November 2020 20:45 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570/6 "2020-11-05T20:45:55Z")

</div>

What code?

---

<div class="post-metadata">

**Author:** ![YT2310](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/yt2310/32/35255_2.png) [@YT2310](https://discourse.nodered.org/u/YT2310)\
**Post date:** [6 November 2020 07:27 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570/7 "2020-11-06T07:27:47Z")

</div>

the code to remove those small blacklines

---

<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:** [6 November 2020 18:05 UTC](https://discourse.nodered.org/t/is-it-possible-to-make-template-node-transparant/18570/8 "2020-11-06T18:05:59Z")

</div>

Use your browser's developer tools, click on the select element button and select one of the lines. You will see the CSS selector that will change it. Mess with the CSS directly in the browser until you get the effect you want (also a good way to learn about CSS).