Saltar navegación

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

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

Problem:

How to style background (border) of Google map Infowindow pop-up?

Solution:

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

Relevant Documentation:

This support ticket is created hace 2 años, 3 meses. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Zona horaria del colaborador: Asia/Hong_Kong (GMT+08:00)

Este tema contiene 3 respuestas, tiene 2 mensajes.

Última actualización por Kenneth Horn hace 2 años, 3 meses.

Asistido por: Luo Yang.

Autor
Mensajes
#2563075

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?

#2563579

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:
enlace oculto

#2563843

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

#2563845

My issue is resolved now. Thank you!