# Hiding Lon / Lat in Map Component **URL:** \ **Category:** Ask for Help\ **Created:** [June 6, 2025, 6:03pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291 "2025-06-06T18:03:44Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![cloutbuilder](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@cloutbuilder](https://community.glideapps.com/u/cloutbuilder)\ **Post date:** [June 6, 2025, 6:03pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/1 "2025-06-06T18:03:44Z")
HI All, Loving getting to know Glide! Have a quick question and a bit of a dichotomy. To show a pin on the map the Location co-ordinates need to be used (and therefore displayed on the map pop up to then view the detail) in the address field of the map component. Can this be hidden with some CSS? Thanks for any insight into this tricky little one. Do I just bite the bullet and go Google Maps? Best John ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [June 6, 2025, 6:09pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/2 "2025-06-06T18:09:04Z")
It can be hidden with CSS, yes. 1. Give your map component a CSS class like `no-lon-lat` 2. Go to settings → appearance → custom CSS and type the following: ```auto .no-lat-lon [class*="map-collection-lazy___StyledDiv11"] { display:none; } ``` Let me know if this works. ---
**Author:** ![cloutbuilder](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@cloutbuilder](https://community.glideapps.com/u/cloutbuilder)\ **Post date:** [June 10, 2025, 11:59am UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/3 "2025-06-10T11:59:39Z")
Hi Robert, Great to hear from you. I’m busy working through your content. Great stuff! Can you point me in the right direction to this bit: 1. Give your map component a CSS class like `no-lon-lat` Thanks ---
**Author:** ![cloutbuilder](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@cloutbuilder](https://community.glideapps.com/u/cloutbuilder)\ **Post date:** [June 10, 2025, 12:10pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/4 "2025-06-10T12:10:42Z")
Hi Robert, Mmmm I had been using the following; .mapboxgl-marker div[title=“Pub”] svg path { fill: #3EA69B; } To mark different points of interest in different colours. Now that seems to have stopped working. Have you come across any changes in the CSS elements that could have caused this? Best J ---
**Author:** ![cloutbuilder](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@cloutbuilder](https://community.glideapps.com/u/cloutbuilder)\ **Post date:** [June 10, 2025, 12:16pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/5 "2025-06-10T12:16:25Z")
Ignore that Robert I worked that last bit out. I had changed where I stored the [title field so it no longer matched the logic. idiot!!! Still need a little help with 1. Give your map component a CSS class like `no-lon-lat`. If you can spare a moment. Thanks ---
**Author:** ![cloutbuilder](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@cloutbuilder](https://community.glideapps.com/u/cloutbuilder)\ **Post date:** [June 10, 2025, 1:20pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/6 "2025-06-10T13:20:44Z")
Hi Robert, I’ve added the no-lon-lat to the small CSS box on the map component and then added the .no-lat-lon [class\*=“map-collection-lazy\_\_\_StyledDiv11”] { display:none; } To the Custom CSS in the Settings, Appearance, Custom CSS No change in the appearence. On inspection of the that inthe browser console I can see the following: div class=“map-collection-lazy\_\_\_StyledDiv11-sc-18k1f56-15 jViAfW”\>52.98965467591023, -2.5113333639172777 As an example of on of the pop ups. Does this bit -sc-18k1f56-15 jViAfW have any relevance after the map-collection-lazy\_\_\_StyledDiv11 Best J ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [June 10, 2025, 1:37pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/7 "2025-06-10T13:37:11Z")
> [@cloutbuilder](#): > > To the Custom CSS in the Settings, Appearance, Custom CSS > > No change in the appearence. Did you enable “Preview Custom CSS” in Settings-\>Appearance? ---
**Author:** ![cloutbuilder](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@cloutbuilder](https://community.glideapps.com/u/cloutbuilder)\ **Post date:** [June 10, 2025, 1:37pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/8 "2025-06-10T13:37:18Z")
Hi Robert, I’m an idiot. I cannot spell!! All solved. Thanks. ---
**Author:** ![cloutbuilder](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@cloutbuilder](https://community.glideapps.com/u/cloutbuilder)\ **Post date:** [June 10, 2025, 1:38pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/9 "2025-06-10T13:38:11Z")
Hi Darren, Thanks. I sorted it out. I had a typo!!! Next!! ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [June 11, 2025, 2:19pm UTC](https://community.glideapps.com/t/hiding-lon-lat-in-map-component/82291/10 "2025-06-11T14:19:55Z")
Just seeing this thread— apologies. Glad you got it sorted!