# Marker Popup Not Formatting

**URL:** <https://forum.inductiveautomation.com/t/marker-popup-not-formatting/108765>\
**Category:** Ignition\
**Created:** [July 22, 2025, 1:44pm UTC](https://forum.inductiveautomation.com/t/marker-popup-not-formatting/108765 "2025-07-22T13:44:42Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 22, 2025, 1:44pm UTC](https://forum.inductiveautomation.com/t/marker-popup-not-formatting/108765/1 "2025-07-22T13:44:42Z")

</div>

I have a map with several markers indicating the location of our devices. When the user clicks on the marker, a popup appears overtop. I have this set as a separate view that is brought in dynamically to change the info related to the selected device. The trouble I'm having is that the popup has a white background tied to it that I can't get rid of. The view I created has a black background at 50% opacity, as I was hoping to still be able to see the other markers through the popup. But this white background seems to be tied to the map marker popup, and I cant figure out how to get rid of it.

 ![Forum Screenshot 20](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/2/628e04f9735301e447990634cdb478280a89be9a.png)  
My created popup view

 ![Forum Screenshot 19](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/2/02d0d30b46c4ed04d0e03c2ef3a76be5958e1889.png)  
What the selected marker popup shows

What am I missing?

---

<div class="post-metadata">

**Author:** ![djs](https://avatars.discourse-cdn.com/v4/letter/d/e47774/32.png) [@djs](https://forum.inductiveautomation.com/u/djs)\
**Post date:** [July 22, 2025, 6:41pm UTC](https://forum.inductiveautomation.com/t/marker-popup-not-formatting/108765/2 "2025-07-22T18:41:48Z")

</div>

The background comes from the `leaflet-popup-content-wrapper` and `.leaflet-popup-tip` classes. You can see this by opening up Developer Tools, selecting the element, and looking at its styles.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/d/adc97563bdb09a14654ea2c6ad808ed4d3dede59.png)

This is hacky, but if you really wanted to, you could override the style class in the advanced stylesheet with this:

```css
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #00000000;
}

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/4/34b7fa9e341672dbf05f7ea3eb6672ad30e7536b.png)  
Be careful through. Since this a class used internally in Ignition, you might might break other things in the system if you mess with it.