Picture elements with a transparent outline

byxil · November 7, 2020, 9:20am

Hi, I would like to put in lovelace a house map with a transparent outline.
I tried to insert it as picture-elements but what I get is what I show below.
I have this:

I want this:

type: picture-elements
elements:
  -  < some future elements >
image: /local/planimetria2.png

anyone help?
thanks

tom_l · November 7, 2020, 10:47am

Assuming your png has a transparent background, all you need to do is set the card background to transparent. You can do this with a theme (all card backgrounds will be affected) or with card-mod (individual card background control).

byxil · November 7, 2020, 11:17am

Thanks, this code work perfectly

type: picture-elements
elements:
  -  "some elements"
image: /local/planimetria2.png
style: |
  ha-card {
    --ha-card-background: rgba(, 0, 0, 0);