'card-mod' CSS Style to remove white background on marker/entity_pictures on Map card

Configuration
1

Hi there,

Is there anyone out there who is savy with CSS/style elements and would be able to tell me what I need to add under ‘style’ in order to remove the white background from the entity_picture on the Map card?

I can make the changes in Chrome Inspector but struggling in regards to adding this as a ‘style’ element

Screenshot from 2020-09-22 19-54-12
Screenshot from 2020-09-22 19-54-121867×1050 234 KB
pictureee

2 Likes
2

Any solution on this topic ?

3

Unfortunately not yet. I asked around on here and the Facebook group but had no replies

4

(Yes the image is a transparent PNG)

5

For other people who wan’t to change the map layout. This works for the default lovelace map-card.
To change layout of the marker use the extra javascript module card-mod.

To install go to

Further instructions read there to install etc. To add a use full marker create a person with a tracker (the person can be a person or a device). Add a custom marker via customization in your configuration.yaml.

person.[something]:
   entity_picture: /local/[something in your www folder in your config folder of HA]

details on custimazations for home assistant:

To create a special marker in your card add this below your title in the code of the card:

card_mod:
      style:
        ha-map $ ha-entity-marker $: |
          .marker {
            border: none !important;
            background-color: transparent !important;
          }

Have fun