How to add pictures to Grid custom:mushroom-template-card

Hello all…

I am still working on my Dashboard and was fascinated by a button that showed a symbol of the room and temp and humidity in same button…
Now i got close but cant find out to get room pictures into it and/or determine what info appears or not…
Attached is the example pic/code and i am a little lost…
Thx for any help

The thread contains “custom:mushroom-template-card” word.
But you are asking “how to add room pictures to Area cards”, right?
These are different things.

well…i was hoping…since i am not quiet sure what i am doing, that the code is giving a hint where i am coming from. With area cards i do mean the colored cards on the rigyt side with the temps and all…

So, a proper question is “How to add pictures to Area cards”, yes?

Pictures may be added in UI here:

Thx alot for that hint…
Worked to a degree…since it took away the temp and humidity values showing before the picture was put in…
Any idea why?

Are you saying that after adding an image for an area you can see only a temperature sensor on the card - although BEFORE adding the image you also saw other sensors?

Yes, as shown in my initial message with the screenshots, you can see temp and humidity and a switch or more if a room has switches…with the bedroom having a picture now, the temp and the humidity went away. or got put behind the picture, not sure how this card is organized.
I also haven’t found a way to determine what is shown, switches or temp/humidity…so any help if highly appreaciated…cause my final goal is to have a pic of the room with temp and humidity on top as first glance info

The USER decides what to show on the Area card:

Thats what i thought…but the picture overlapps it all

Post 2 pics:

  • area card w/o picture
  • same area card with added picture.

This is smth unusual that added background impacts any sensors displayed.