CSS: Custom color for map pins

Ask for Help
41

Oh!
I have it set up on apps long time ago!
I was referring to pages.
The post above mentioned this was a pages fix.

all i did was post the css in the appearance tab of the settings
.css-map svg path {
fill: #db3553 !important;

has anyone got it working on pages? or is that impossible

I need to compare to sets of pins and switch in between them according to the path of our drivers.

42

I was thinking at first to update all pin colors & then dig into splitting them into 2 groups.

43

Seems like the class name changed since @elmerdubon 's comment. I adjusted a bit and got it working.

image
image1120×674 73.1 KB

Please change it to this:

.mapboxgl-marker div[title="Title 1"] svg path {
  fill: #db3553 !important;
}

.mapboxgl-marker  div[title="Title 2"] svg path {
  fill: #3ac57a !important;
}
4 Likes
44

amazing… that got it to work
thank you very much

it would have to be based on the title right? no chance we can color the pins according to the description field?

45

Yeah, title is the only thing that is referenced in the code structure.

1 Like
46

But this will require an account type that supports CSS?

47

Yes, only on Business and Enterprise plans.

1 Like