How edit marker size with CSS ?
-
Hello,
is it possible to modify the size of the marker with CSS?
Best Regards
Pierre
-
Hi @mengeco,
Thanks for reaching out! Yes it is. Please see this support thread on how to do this.
Best Regards,
DanielThank you very much for your quick response !
I tried :
.open-user-map .leaflet-marker-icon { width: 60px !important; height: 60px !important; }but it not work.
I would have to be able to modify these elements: https://snipboard.io/JVSE08.jpg
If I simulate in Chrome it works but I don’t know which exact CSS command to use.Hi @mengeco,
Can you send me the link to your map (please use the “Page I need help with” field)? I can have a look what’s happening there. It should work.
Best Regards,
DanielSorry but I don’t see this help field. I don’t use the Pro version.
The test link: https://www.lecercleextravagant.com/test-open-user-map/
Best Regards,
PierreI just at a look on your page and seems to work now? Just one advise:
Don’t forget to addmargin-left: -50px !important;The value should be half of the marker width. This ensures the icon is perfectly centered.
Best Regards,
DanielThanks for your help.
I don’t understand why it didn’t work, I had however used a plugin to delete the cache for Chrome which often maintains the cache despite clearing the browsing data.Otherwise, for the CSS, I used “auto” for the width and “50%” for the margin and it works fine I believe.
E.G.:.open-user-map .leaflet-marker-icon { width: 100px !important; height: auto!important; margin-left: -50% !important; }Best Regards
PierreHello,
I have a new problem (tested on two websites) only with Map style 1.
On a certain zoom level or if you move (drag and drop) the plan (front office), gray areas hide part of the plan.
Site 1 (bug with drag-and-drop):
https://snipboard.io/b59Rzs.jpgSite 2:
https://snipboard.io/2qfVgr.jpg
https://snipboard.io/lLoHvn.jpgIf I choose another Map style, everything works fine everywhere.
Best Regards
Pierre@mengeco Can you do me a favour and start a new support thread? Otherwise it could happen that this new topic will be deleted by the forum admins. Then it’s easier for other users to find this topic for sure. I will reply asap in the new thread.
Thanks,
DanielOk, well noted.
Thanks !
The topic ‘How edit marker size with CSS ?’ is closed to new replies.