Setting to change marker size

Wishlist Store Locator
1

Would be great if I was able to make the pin size smaller. When you have alot of locations it just looks like a blurr of color.

3 Likes
2

Hi there, @Bonnie_Getz :wave:

We agree that it would be awesome to have this option as the setting and we’ll try to think about it in the future.

As for now, you can use this code in the Custom CSS field on the Style tab of your widget’s settings:

[class*="marker__MarkerBody-sc"] {
scale: 0.5;
}
2 Likes
3

I wish there was a option to reduce the size of the map markers.
I want them a little bit smaller.

Thanks.

2 Likes
6

Hi there, @Event_DJ_LSR :wave:

Glad to say that this idea is already on the Wishlist, and I’ve moved your comment there too.

As a temporary solution, you can use the CSS code from the message above to reduce the size of the markers or use the code Sina shared with you here :slightly_smiling_face:

7

Guys, here is one more CSS code for this case:

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

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

It lets you change the standard size of the marker and its size on hover :slightly_smiling_face:

1 Like