Widget background color transparant v2.0.3


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?


            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;
            border-style: solid;
            border-radius: 5px;



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


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

  • --nr-dashboard-widgetBgndColor

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

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

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