Is it possible to make template node transparant?

Dashboard
1

Hi!

I have set my back with a template node with this

        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?

2

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

.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?

1 Like
3

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.

4

Ok thanks! I found this for chrome. It works :wink:

1 Like
5

hey,
can you please share this code? :slight_smile:

6

What code?

7

the code to remove those small blacklines

8

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).

1 Like