Disable on hover text

  • Resolved sharif4

    (@sharif4)


    1 year, 11 months ago

    Is there any way without using custom css and targeting those specific classes and changing their attributes to do within the plugin itself?

    I looked high and low and can’t find it in the settings

    • This topic was modified 1 year, 11 months ago by sharif4. Reason: Change topic

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Joe

    (@morehawes)

    Hi @sharif4,

    Thanks for reaching out. If I understand you correctly then there is currently no option for this. However adding the following jQuery/JavaScript to your page will stop the Marker tooltips from being displayed on hover:

    jQuery('document').ready(function() {
  jQuery('div.waymark-marker').mouseenter(function() {
    return false;
  });
});

    I hope this helps. Please do let me know if you require anything further.

    Cheers,

    Joe

    Thread Starter sharif4

    (@sharif4)

    Hey @morehawes ,

    A little update so I tried that code and it didn’t work

    I tried this after that, trying to disable via css didn’t work either

    .waymark-tooltip {
    display: none !important;
    }

    To clarify I added a screenshot and it’s currently a work in progress, I intend to add a drop shadow to the images once it’s said and done

    • This reply was modified 1 year, 11 months ago by sharif4.
    Plugin Author Joe

    (@morehawes)

    Hi @sharif4,

    How about the following CSS?

    .leaflet-tooltip-pane {
  display: none;
}

    Cheers,

    Joe

    Thread Starter sharif4

    (@sharif4)

    @morehawes

    That did the trick! Thank you so much!

    Plugin Author Joe

    (@morehawes)

    Glad to hear ?? Reviews greatly appreciated.

    Cheers,

    Joe

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Disable on hover text’ is closed to new replies.