Style and Move InfoWindow pop ups

[tburchdesign]

Hi! I’d like to style my info windows – I’m comfortable with CSS, but can’t inspect on the map itself, and therefore cannot find the classes needed to apply custom styles.

I’m also interested in moving the pop-up, for example just having the window pop-up in the center of the screen, eliminating the map panning.

Help?

thanks!

[Steven]

Hi there,

Thank you so much for getting in touch, we really appreciate your time.

Unforutantely, the map elements can be styled as this is generated by the Google Maps API, however, the info windows can be styled and may also be inspected to determine these classes.

Might I kindly ask you to perhaps provide us with a link to your map page?

Kindest Regards,
Steven De Beer

[tburchdesign]

The page isn’t published live yet – is there not a class for the parent element for the Info windows?

Also, if it makes any difference, I’m using the open layers map. Are the overlays different? I can’t inspect the info window or the map itself, just the icons.

[Steven]

Hi again,

Thank you so much for getting back to me.

Some of the classes will differ slightly, however, you can try using the .wpgmza-infowindow class for some elements.

Kindly use our demo map which is inspectable and should allow you some idea of the classes used:
– https://www.wpgmaps.com/demo/openlayers-map-demo-basic/

Kindest Regards,
Steven De Beer

[tburchdesign]

I was able to get my styles applied – thanks so much for your help! I found that because of the unselectable overlay layers, I had to right click on a marker or an off map element and navigate to the info window selector via the explorer – just in case anyone else has issues 🙂

[Steven]

Hi again,

Thank you so much for getting back to me.

I am glad to hear you managed to get your styles applied.

Do let us know if you have any other issues as we are always eager to assist.

Kindest Regards,
Steven De Beer

[Author]

Posts