Extra HTML Tags

  • This is a great plugin, but I am running into some formatting issues.

    When I insert the short code into the Editor I end up with <p></p> before and after where the map is displayed on the frontend. I am using “Text” view and entering the following on one line
    [leaflet-map address="Las Vegas" zoomcontrol scrollwheelzoom !attribution height="500px" zoom=9][leaflet-geojson src="/wp-content/themes/cs_2019/img/Stops.geojson"]<h4>{name}</h4>{description}<a class="button" href="#" target="_blank" rel="noopener noreferrer">BOOK NOW</a>[/leaflet-geojson]

    Similar issue with the pop up…I end up with the following.. extra <p> and <br> tags the mess up the layout.
    <div class="leaflet-popup-content" style="width: 301px;"><p></p><br><h4>TITLE</h4><br><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="button" href="#" target="_blank" rel="noopener noreferrer">BOOK NOW</a></p></div>

    Any suggestion, other then targeting these with css?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author bozdoz

    (@bozdoz)

    I’ve seen a few issues like that with wordpress. I’m not sure of a consistent solution. I’ve disabled wordpress auto p before: https://codex.www.ads-software.com/Function_Reference/wpautop

    And I think there is some code in the plugin which tries to deal with new lines and paragraph tags, but it’s possible that it’s not working in the popups.

    Thread Starter ebud

    (@ebud)

    No luck… tried a few ways to filter out the <p>’s that are appear before and after where the shortcode goes. I am guessing they are generated as the shortcode executes?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Extra HTML Tags’ is closed to new replies.