Hello Bryan,

Thanks for contacting us.

Unfortunately, we currently don't have a way to adjust the colors of the pins individually.

This would require some extensive customization which I'm afraid we are not able to offer due to support scope limitations.

However, we are partnered with a trusted provider of expert-level Salient customization. If you are interested in initiating a project, we recommend referring to our guide at the following link: https://themenectar.com/salient/customization/

In the meantime, please don't hesitate to reach out with further questions. We're happy to help.

Hey Again,

Thanks for reaching out! .

Here’s what you can try:

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

img.leaflet-marker-icon:nth-child(2) {
  filter: hue-rotate(-42deg) invert(0);
}

img.leaflet-marker-icon:nth-child(3) {
  filter: hue-rotate(111deg) invert(1);
}
img.leaflet-marker-icon:nth-child(4) {
   filter: hue-rotate(99deg) invert(1);
}

Let me know if this helps! Happy to assist further if needed.

Best,