mbrmm

As the problems are caused by the CSS and not by the plugin I will mark the issue as solved and have a closer look, what’s going on with my css.

And you’re right: I’ll definitely try my way through the settings for the map. Especially since there are so many options that make the map appearance even better.

Thanks for your support.

Hi,

first: Thank you for answering so fast!

You’re right, I’m using a caching plugin. But sadly, deactivating it did not help. To be sure, I first deleted all the cache and then switched the plugin off.

While doing this, I noticed, that there is some strange css active. A white rectangular is placed over the elevation line. I could change this with some custom css.

Additionally there is a second white rect, which I also filled with nothing:

rect.overlay, .horizontal-drag-rect{
    fill: none;
}

When posting the first message, I had no public accessible test page. But I changed a public post which is reachable here:

https://www.mywanderfullife.de/en/npl-norge-pa-langs-en/

the corresponding wp shortcode to this map is:

[leaflet-map fitbounds=true]

[elevation gpx="https://www.mywanderfullife.de/wp-content/uploads/2021/12/Lindesnes-Nordkap.gpx" name="Lindesnes - North Cape" altitude="1"]

[leaflet-extramarker lng=7.04662628 lat=57.98249872 shape=circle icon=fa-flag prefix=fas markerColor=#65701b svg]Start in Lindesnes[/leaflet-extramarker]

[leaflet-extramarker lng=25.78456634 lat=71.16924547 shape=circle icon=fa-flag prefix=fas markerColor=#9E0B00 svg]Finish at North Cape[/leaflet-extramarker]

[leaflet-extramarker lng=7.0651100000 lat=58.0181650000 shape=circle icon=fa-number number=1 markerColor=#245080 svg]tent site/cabin at 2022/05/16[/leaflet-extramarker]

[leaflet-extramarker lng=7.1573350000 lat=58.1088130000 shape=circle icon=fa-number number=2 markerColor=#245080 svg]tent site/cabin at 2022/05/17[/leaflet-extramarker]

[...]

[leaflet-extramarker lng=26.0161610000 lat=70.9791680000 shape=circle icon=fa-number number=100 markerColor=#245080 svg]tent site/cabin at 2022/09/23[/leaflet-extramarker]

[fullscreen]
[hover]

So in some way it is “fixed” for me for the moment. But I’m not sure if it is an issue with the plugin, with my theme or with both of them?

If it is useful for you to reproduce this behaviour, I can deactivate my custom css for a short period of time.

• This reply was modified 1 year, 10 months ago by mbrmm. Reason: corrected "placed above" with "placed over"