Widget background color transparant v2.0.3

Dashboard
1

Hi!

I build a dashboard in the past with transparent widgets
Now just updated 2.0.3 and dashboard to 2.30.0
And now my widgets have a background color back from the template

The code that was working is below, any idea how i can get the background of the widget transparant again?

<html>

<head>
    <style>
            body {
            background-color: black; 
        }

		        .typewriterbig {
            color: #FFFFFF;
            font-size: 45px;
            font-family: "Veteran Typewriter";
            background-color: black;
            text-align: center;

			vertical-align: middle;
			border-color: rgba(62,232,182,1);;
            padding: 5px 10px 5px 10px;
            margin-top:10px;
            border-style: solid;
            border-radius: 5px;

			
		}
    </style>

</head>


<body>
    <span class="typewriterbig">{{msg.payload}}</span>
</body>

</html>
2

Found this in the dashboard info but have no idea how to use it

  • --nr-dashboard-widgetBgndColor
3

Do you want all widgets transparent or just one?

This will style all widgets on the tab (you might want to adjust my rgb selection and transparency!) :
body.nr-dashboard-theme md-content md-card {
background-color: rgba(102,0,51,.7);
}

Note, I use the standard dashboard with a template node for any CSS tweeks. The template type is "widget in group" now "added to site head section". So I don't know if it's relevant since you have real HTML on your template(?)

This is my template

<style id="dashboard-style-override">
 body.nr-dashboard-theme md-content md-card {
    background-color: rgba(102,0,51,.75);
 } 
</style>
4

All would be great!
Thanks a lot for helping me out!

5

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