[Resolved] Styling background (border) of map Infowindow pop-up

[Author]

Posts

[Kenneth Horn]

I read a prior support ticket response indicating that JS cannot be used to modify the map infowindow pop-up. Response indicated JS cannot be used for that purpose. However, is it possible using any other means (e.g. CSS or inline HTML) to modify the background of the pop-up (default is white). I am able to to modify all other styling inside the infowindow but would like, at a minimum, to change the color of the background (border). Any way to do that?

[Luo Yang]

Hello,

There isn't such kind of built-in feature within Toolset plugins, it needs custom CSS codes, for example below similar thread:
https://stackoverflow.com/questions/37456627/how-to-change-the-infowindow-background-color

I have tried it in below test site, those custom CSS codes can change the infowindow pop-up background color:
hidden link

[Kenneth Horn]

Yes. The CSS mentioned at the link works to change the background color. Here is an example to change it to black:
.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-t::after {
background: black;
}
Please note that your EXAMPLE site still showed the background in default WHITE. But that code does work for me.
Thanks

[Kenneth Horn]

My issue is resolved now. Thank you!