Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author 100plugins

    (@100plugins)

    Hi @mengeco,

    Thanks for reaching out! Yes it is. Please see this support thread on how to do this.

    Best Regards,
    Daniel

    Thread Starter mengeco

    (@mengeco)

    Thank 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.

    Plugin Author 100plugins

    (@100plugins)

    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,
    Daniel

    Thread Starter mengeco

    (@mengeco)

    Sorry 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,
    Pierre

    Plugin Author 100plugins

    (@100plugins)

    I just at a look on your page and seems to work now? Just one advise:
    Don’t forget to add

    margin-left: -50px !important;

    The value should be half of the marker width. This ensures the icon is perfectly centered.

    Best Regards,
    Daniel

    Thread Starter mengeco

    (@mengeco)

    Thanks 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
    Pierre

    Thread Starter mengeco

    (@mengeco)

    Hello,

    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.jpg

    Site 2:
    https://snipboard.io/2qfVgr.jpg
    https://snipboard.io/lLoHvn.jpg

    If I choose another Map style, everything works fine everywhere.

    Best Regards
    Pierre

    Plugin Author 100plugins

    (@100plugins)

    @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,
    Daniel

    Thread Starter mengeco

    (@mengeco)

    Ok, well noted.
    Thanks !

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘How edit marker size with CSS ?’ is closed to new replies.