images appearing in between the location name/text

[PhilB]

Hi,

I’m using the WP Google Maps plugin and the Pro addon on my site https://love.golf/venues-list/

For all intents and purposes it works great although someone has pointed out a small issue.

Most of the markers on the map work fine, but one of them is displaying the title text and image a little strangely.

It is like the image is being placed in between the title. The marker in question is the one at west kilbride (should be the second marker from the top of the map, to the left).

I cant understand wwhy, i’ve taken a look in the chrome dev tools and the markup looks the same. And it only seems to be that one that is being affected.

Any suggestions?

Thanks in advance

PhilB

[SupportTeam]

Hi PhilB

So sorry for only getting back to you now.

Please go to ‘Maps’ -> Settings’ -> ‘Advanced’ and enter the below CSS in the ‘Custom CSS’ field:

.wpgmza_map img {
    float: none !important;
}

Does this help at all?

[PhilB]

Hi Jarryd,

Thanks for getting back to me. I had tried floating left and right, never considered setting it to none.

Thats worked perfectly! thanks for that. What could cause it to happen? as it only seemed to affect the one item.

Anyway, Thanks again Jarryd.

PhilB

[SupportTeam]

Hi Phil

So glad to hear that helped!

The default styling is set for it to float left, however this is only effective if the image is either big enough in the info window, or the info window is small enough for the image to fill the space.

[PhilB]

Good stuff Jarryd, thank you for your help. It was just a little frustrating it was the only one on there! and i never even spotted it!

Many thanks,

PhilB

[SupportTeam]

Hi Phil

Only a pleasure! So sorry for the frustration caused.

• This reply was modified 6 years, 2 months ago by SupportTeam.

[Author]

Posts