Change marker size in the Store locator map

Hi @Event_DJ_LSR

You need to add this code to the Custom CSS section:

[class*="marker__Container-sc"] {
  transform-origin: center bottom;
  transform: scale(3);
}

[class*="marker__Container-sc"]:hover {
  transform: scale(4);
}

With the scale value you can adjust the desired size
Please let me know how it goes

3 Likes

Thanks for the Code!
Yes it worked now. When i use “0.5” as a scale its perfect.

The only problem i have is that the location Website link is invisible cause its the same color as the background.
I want a dark grey background but the color of the Links doesnt change when i change the font color.

My Website: https://www.eventdjlsr.de/

Thanks!

3 Likes

Hi @Event_DJ_LSR

you can try with this css code.

[class*="typography__Container-sc"] a {
color: red;
}
3 Likes

Yes now it works! Perfect thanks!

But im afraid of using this widget now since it doesnt actively asks user if they want to use Google Maps. I dont want a legal warning. I hope this widget contains this funktion soon so i can use it.

But thanks for the codes, it really helps me out and now its just how i wanted it to look like :slight_smile:

3 Likes

Hi @Event_DJ_LSR

vergiss das was ich geschrieben hatte. Das war auch auf Google Maps bezogen. Mein Fehler. :folded_hands:
Der Store Locator nutzt Openstreetmap. Ist zwar auch nicht ganz klar, aber ich habe dafĂĽr mal einen Vorschlag eingestellt.

P:S. Deine Website gefällt mir gut !

https://community.elfsight.com/t/add-gdpr-check-up-data-privacy-befor-load-google-maps/112258?u=sina

Forget what I wrote. That was also referring to Google Maps. My mistake. :folded_hands:
The store locator uses OpenStreetMap. It’s not entirely clear, but I’ve made a suggestion for it.

3 Likes

@Event_DJ_LSR
One more tip, in case you haven’t heard yet.
Elfsight is currently running a giveaway where you can win 3 FREE months with your subscription.
Check out the details and enter! :wink: – April Giveaway: Celebrate 80,000 members with us and win 3 FREE months! :heart_eyes:

2 Likes

Danke!
Hab mal teilgenommen :slight_smile:

2 Likes