CSS for More Info mouseover Label

  • Resolved rubberdragon

    (@rubberdragon)


    2 years, 8 months ago

    CSS Problem to Solve, during mouse over on the buttons below, labels / a piece of text appears over the button, looks similar to alt text. How can those labels be removed or at least shifted down so that the label doesn’t cover the button? I can’t find the css for those in inspector? https://swindon-website-design.co.uk/image-map-test/

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter rubberdragon

    (@rubberdragon)

    resolved, found css snippet by searching for colour used, and added display = none.

    #hotspot-1922 .leaflet-tooltip, #hotspot-1922 .leaflet-rrose-content-wrapper
    {
    background: #ffffff;
    border-color: #ffffff;
    color: #82847d;
    display: none !important;
    }

    Not sure whether that’s the best way to do it, you may have a better solution : )

    Plugin Support Natalie G

    (@nataliegarza011)

    Hello @rubberdragon

    I believe you’re referring to the tooltips, in your example, they say, “eLearning translation services” and “legal translation services”, is that correct? If so, then you can remove them completely by using the following CSS:

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

    That way you don’t have to change their colors to make them disappear ??

    Let me know if that works for you.

    Thread Starter rubberdragon

    (@rubberdragon)

    wonderful, thank you, that works : )

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS for More Info mouseover Label’ is closed to new replies.