CSS interactive map

[nikolaus_k]

Hey,

I´m using this “draw attention plugin” for interactives maps.

I just can´t figure out how to remove this pop up via CSS once I hover over the map.

Service - Weingut FJ Gritsch - Wein aus der Wachau

Do you have any idea?

Thx in advance!

[Prasant]

Hello Nikolaus,

Thanks for reaching out.

Please add following CSS under Pro > Theme Options > CSS:

.leaflet-overlay-pane g {
    display: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[nikolaus_k]

@Prasant

.leaflet-overlay-pane g {
display: none;
}

If I do this, the map hover and the hyperlink disappears as well.

I just want the tooltip popup to disappear…

any idea?

Thanks!

[rad]

Hi Nikolaus,

This should work

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

Else, please contact the plugin author. It’s an SVG and some CSS may not work.

Thanks!