[NSFW] plugin is creating a faulty p closing tag?

Dear friends,

Events Manager seems to produce faulty HTML for me which I believe is the cause of my CSS not working.

On the link I have provided, you can find the section “Upcoming Events”. It lists three events. These events are now arranged vertically on top of each other (desktop version).

The events are supposed to be arranged horizontally, next to each other. The plugin has been installed a while ago and I had successfully changed CSS to achieve this. The desired display seemed to break with an update of events manager (no CSS has been changed and no other work on the plugin settings has been done).

This is the shortcode that I am providing to display the upcoming events:

<div class="upcoming-events-container">
    <h2>Upcoming Events</h2>
        <div class="upcoming-events">
            [events_list limit="3" location="1"]
                <div class="upcoming-event">
                    <p class="upcoming-event-dates">#d. #M. - #@d. #@M</p>
                    <div class="upcoming-event-title">
                    <a  href=#_EVENTURL>#_EVENTNAME</a>
                    </div>
                <br /><br />
                </div>
            [/events_list]
        </div>
    <a class="gb button upcoming-events" href="https://vonhieranlust.de/en/events/">See the event calendar</a>
</div>

If I do ‘view page source’, I find this HTML:

<h2>Upcoming Events</h2>
<div class="upcoming-events"><div class="em em-view-container" id="em-view-710553627" data-view="list">
	<div class="em pixelbones em-list em-events-list" id="em-events-list-710553627" data-view-id="710553627">
	</p>
<div class="upcoming-event">
<p class="upcoming-event-dates">
29. Apr. – 29. Apr</p>
<div class="upcoming-event-title"><a  href=[Link]>[Eventname]</a></div>
</div>
<p></p>
<div class="upcoming-event">
<p class="upcoming-event-dates">
16. May. – 18. May</p>
<div class="upcoming-event-title"><a  href=[Link]>[Eventname]</a></div>
</div>
<p></p>
<div class="upcoming-event">
<p class="upcoming-event-dates">
19. Sep. – 21. Sep</p>
<div class="upcoming-event-title"><a  href=[Link]>[Eventname]</a></div>
</div>
<p>	</div>
</div></p></div>
<p><a class="gb button upcoming-events" href=[Link]>See the event calendar</a></div>

</div>

Apparently, the HTML is broken. Please notice this part:

<div class="em pixelbones em-list em-events-list" id="em-events-list-710553627" data-view-id="710553627">
</p>

There is no reason to have a </p> here and there is no matching <p> for it? There is another weird situation with </p> towards the end, where it is stretched around /div-tags:

<p>	</div>
</div></p></div>

I am wondering: Is this a bug? Is there any workaround or quick hotfix?

Is there any possibility it is not a bug but something I have introduced? If so, where?

I appreciate anybody looking into this <3 Please let me know if you need any further information.

• This topic was modified 1 year, 1 month ago by horizonwp.

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