# Change marker size in the Store locator map

**URL:** <https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518>\
**Category:** Customization\
**Tags:** store-locator\
**Created:** [April 8, 2025, 12:51am UTC](https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518 "2025-04-08T00:51:09Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [April 8, 2025, 12:51am UTC](https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518/1 "2025-04-08T00:51:09Z")

</div>

Hi @Event_DJ_LSR

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

```auto
[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

---

<div class="post-metadata">

**Author:** ![Event\_DJ\_LSR](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/event_dj_lsr/32/36124_2.png) [@Event\_DJ\_LSR](https://community.elfsight.com/u/Event_DJ_LSR)\
**Post date:** [April 8, 2025, 6:22am UTC](https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518/2 "2025-04-08T06:22:58Z")

</div>

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/](https://www.eventdjlsr.de/)

Thanks!

---

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [April 8, 2025, 11:46am UTC](https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518/3 "2025-04-08T11:46:03Z")

</div>

Hi @Event_DJ_LSR

you can try with this css code.

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

```

---

<div class="post-metadata">

**Author:** ![Event\_DJ\_LSR](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/event_dj_lsr/32/36124_2.png) [@Event\_DJ\_LSR](https://community.elfsight.com/u/Event_DJ_LSR)\
**Post date:** [April 8, 2025, 4:34pm UTC](https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518/4 "2025-04-08T16:34:22Z")

</div>

> [@Sina](#):
>
> ```auto
> [class*="typography__Container-sc"] a {
> color: red;
> }
> 
> ```

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 🙂

---

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [April 8, 2025, 5:37pm UTC](https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518/5 "2025-04-08T17:37:26Z")

</div>

Hi @Event_DJ_LSR

vergiss das was ich geschrieben hatte. Das war auch auf Google Maps bezogen. Mein Fehler. 🙏  
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](https://community.elfsight.com/t/add-gdpr-check-up-data-privacy-befor-load-google-maps/112258)

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

---

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [April 8, 2025, 5:58pm UTC](https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518/6 "2025-04-08T17:58:06Z")

</div>

@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! 😉 – [April Giveaway: Celebrate 80,000 members with us and win 3 FREE months!](https://community.elfsight.com/t/april-giveaway-celebrate-80k-members-with-us-win-3-free-months/109962) 😍

---

<div class="post-metadata">

**Author:** ![Event\_DJ\_LSR](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/event_dj_lsr/32/36124_2.png) [@Event\_DJ\_LSR](https://community.elfsight.com/u/Event_DJ_LSR)\
**Post date:** [April 8, 2025, 6:19pm UTC](https://community.elfsight.com/t/change-marker-size-in-the-store-locator-map/112518/7 "2025-04-08T18:19:31Z")

</div>

Danke!  
Hab mal teilgenommen 🙂