Change the background color of a group

Is there a way to make the background invisible for one group?

I am able to make all group backgrounds invisible in a tab, but not for one.
In ui_template I have this code:

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

this is the result:

Now: I want only the background of group "Buttons" invisible.

Each group will have an id - so you need to target that more specifically with your CSS.

2 Likes

I'm trying to do the same thing. Can you plz show a eg code. Thank u

I'm no expert, but I did an inspect to identify the specific card as in this screenshot (blue highlight on the right and top left)

Once you know the card name adjust your parameters as needed in your css as you did for the background. Hope this help.

snip_20181026191122

like this..?

#1home_BEDROOM_REMOTE { background-color: #00ff33; background-size:100% 100%; }

Not sure you need the background-size: 100% 100%. What results are you getting?

it dont work i used the ui template

Did you add it to the head section ?

ok i got it thank you very much...

do you have sample code for this