[Resolved] Help changing the map markers?

[Author]

Posts

[maxfieldB]

Tell us what you are trying to do?
Customize the map marker so that I can use my own graphic - I can change the graphic, except, it is very large and not retina - is there a way I can control the size of this?

Is there any documentation that you are following?
Some toolset documentation I found online

Is there a similar example that we can see?
No

What is the link to your site?
battstaging2.com

[Luo Yang]

Hello,

It is possible to use CSS codes to customize the map marker size, for example:
hidden link

If you need assistance for it, please provide a live URL with the same problem, I need to test it in my Chrome browser.

[maxfieldB]

Hi Luou,

Thanks - I tried CSS, but I see no way to target the map marker. Yes, please let me know the best way. Here is my URL:

hidden link

Thanks!
Max

[Luo Yang]

Thanks for the details, in your case, you can try below CSS codes:

#js-wpv-addon-maps-render-map-10 img[src="<em><u>hidden link</u></em>"]{
width:15px !important; 
height:15px !important;
}

See similar thread here:
https://stackoverflow.com/questions/25367542/google-map-custom-marker-with-css-rounded-corner

[maxfieldB]

Hi Luou,

The CSS you provided does not change anything on my site. Just a reminder, the URL is battstaging2.com. The thread you provided is really about someone else's site and I prefer not to read through a different person's troubleshooting.

Can you please provide me with code that will allow me to change the size of markers? Currently, it is not really usable to to the very large size of the markers that is produced.

Thanks,
Max

[Luo Yang]

I have tried it again in your website:
hidden link

Here is the screenshot: staging2

I can see those CSS codes have already taken effect.

Please clear your browser cache or try with other browser again.