I’m just updating what I used to post when we were still using Glide Classic Custom map marker icons . Now, through more static CSS, we can still change the color and icon of the map marker. Of course, you have to subscribe to the Business/Enterprise plan to use this feature. The selector from this…

Yes, it’s possible if the image or description appears in the DOM, but unfortunately, it doesn’t show up until you click on a pin. Could you let me know what you’re trying to achieve with this?

Since the titles and colors have to be hard wired into the CSS, and our map pin titles would typically be more variable, I was just looking to tap into a different field. But a workaround would be to just reorganize titles and descriptions to make it work.

Two more questions on this topic: If I’d like to change the default color for all map pins, and also use the Title to add groups to any that meet that criteria, such as the example below, what would that look like? What’s a good reference to learn CSS syntax? I’d like to be able to troubleshoot be…

[image] HeartwoodTreeCo: I’d like to change the default color for all map pins If you want to apply a default color, you don’t need to add a title in the selector. For example: .mapboxgl-marker svg > path { fill: #0065cb; } When you add a title to the selector, it makes it more specific…

Are we applying this into the CSS class on our map, or onto the settings > appearance > CSS ? " .gSuSev { font-size: 0.75rem; color: var(–gv-text-pale); display: none; } " this was the CSS class applied to the map under the component by someone before me. When adding in your …

My code here does not add class names. You just need to copy all the code into the “Appearance” section.

Is it possible to remove class names and just apply red to all switches? Pulling from the other thread: #page-root .red-switch .peer:checked ~ div { background-color: red; } . Or does it not work like that?

Is it possible to change the size of the Map Markers?

Sure. Just give it a try… .mapboxgl-marker > div > svg { transform: scale(1.5); }

[image] MattGlides: gSuSev Also, you should never use these class names, they’re unstable.

Customizing Map Markers in New Glide Apps

Community Resources

prolost September 14, 2025, 3:48am 44

Yes, exactly. I’d like this one location (which represents the user’s current location) to be a circle instead of the default map pin used for all the nearby locations.

Topic		Replies	Views
Custom map pin colors in latest version of Glide (4.16.0) Ask for Help	2	138	August 21, 2024
Custom map marker icons Project Showcase	5	1594	February 6, 2024
Customize map icon marker Feature Requests	5	1199	February 9, 2021
Different color map pins by filter Feature Requests	14	915	March 6, 2024
Customize Markers in Maps (Pro App) Feature Requests	3	1140	February 9, 2021

Customizing Map Markers in New Glide Apps

Related topics