[Resolved] map markers don't have transparent background

[Author]

Posts

[Richard Nicholls]

I am trying to: show markers on a map with a transparent background

I visited this URL: (test-page) hidden link

I expected to see: markers on a map with a transparent background

Instead, I got: markers on a map with a grey/white background – strangely the cluster markers are ok. I've tried loading my own .png files with sRGB colour profile and alpha channels as per general web advice but no difference.

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Richard,

Thank you for contacting our support forum.

Would you mind sending me a copy of the images that you are using so I can check to see if they are transparent ?

Thanks,
Shane

[Richard Nicholls]

Hi Shane
I'm using the default markers/images with the latest version of the Maps plugin. I only tried my own .png file to see if that made any difference (which it didn't) after the default marker wasn't working.
Regards, Richard

[Shane Supporter Languages: English (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Richard,

I suspect that this issue is a css issue and was able to find the culprit.

#main img {
    background: #f3f3f3 none repeat 

The css above is applying a background to all the images within the #main container and since the map markers are images then they will get affected by the css as well.

What you need to do is to be more specific with the css declaration so the map doesn't get affected as well .

Please let me know if this helps.
Thanks,
Shane

[Richard Nicholls]

Fantastic, thanks very much Shane, css amended and all sorted now.