Change the background color of a group

#1

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.

0 Likes

#2

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

2 Likes

#3

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

0 Likes

#4

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

0 Likes

#5

like this..?

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

#6

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

0 Likes

#7

it dont work i used the ui template

0 Likes

#8

Did you add it to the head section ?

0 Likes

#9

ok i got it thank you very much...

0 Likes

#10

do you have sample code for this

0 Likes