Pin Modification Access

Ask the Community Customization
1

We distribute for multiple businesses and are working to create individualized maps for each of them. Currently the amount of room given for images/Logos within the pin is quite small and we would like to be able to fill more and also have access to things like border width etc.

2 Likes
2

Hi there, @R_E_Distributing and welcome to the Community :wave:

As for the border width, you’d like to control the width of the blue area in the example, right?

image

1 Like
3

Yes, I would love for my logos to be a bit bigger!

2 Likes
5

Got it, thanks!

This code will help you change the size of the marker:

[class*="marker__MarkerBody-sc"] {
  width: 38px;
  height: 42px;
}

To control the width of the blue area in the marker form the example, you can adjust the size of the marker icon and its position, using this code:

[class*="marker__Icon-sc"],
[class*="marker__Icon-sc"] img {
  width: 30px !important;
  height: 30px !important;
  top: 4px;
}

Both codes should be added to the Custom CSS field on the Style tab of your widget’s settings :slightly_smiling_face:

1 Like