Coding error in Events Widget as of version 6.0 – can break styling

  • Hi,

    There seems to be an error in the code of the Events Widget as of version 6.0. Compare the code output:

    Version 5.12.1

    <section id="em_widget-3" class="widget widget_em_widget">
	<div class="inner">
		<h2 class="widget-title">[title]</h2>
		<ul>
			<li>
				<a href="[url]">[link text]</a>
				<ul>
					<li>[event date]</li>
					<li>[event location], [event time]</li>
				</ul>
			</li>
			<li class="all-events-link">
				<a href="[url]" title="[title]">[link text]</a>
			</li>
		</ul><
	/div>
</section>

    Version 6.1.1

    <section id="em_widget-3" class="widget widget_em_widget">
	<div class="inner">
		<h2 class="widget-title">[title]</h2>
		<div class="em pixelbones em-list-widget em-events-widget">
			<li>
				<a href="[url]">[link text]</a>
				<ul>
					<li>[event date]</li>
					<li>[event location], [event time]</li>
				</ul>
			</li>
			<li class="all-events-link">
				<a href="[url]" title="[title]">[link text]</a>
			</li>
		</div>
	</div>
</section>

    A DIV has been added in the later version (since 6.0) and the UL tags are missing. It leads to invalid HTML code and can break the styling.
    Could you please add the UL tags back in a coming release?

    Thanks!

    • This topic was modified 2 years, 2 months ago by sankari.
Viewing 4 replies - 1 through 4 (of 4 total)

  • I experience the same problems. Calendar widget in side bar is not well formatted, unreadable and not adjustable.

    TreeTrail

    (@aprilschmitt27)

    If you wish to revert to the original concise mini calendar widget, paid support recommended doing this:

    PATH:

    your website

    public_html

    wp-content

    themes

    theme-child

    create new:

    “plugins” folder

    “events-manager”
    “templates”
    ->add copy in version 5 file:
    “calendar-small.php”

    The issue you have described is a coding error in the Events Widget as of version 6.0. The addition of a DIV and the missing UL tags in the later version of the code can lead to invalid HTML and can break the styling.

    It’s important that the code output is valid and consistent with the previous versions to avoid unexpected issues such as breaking the styling.

    It’s recommended that you contact the developer of the plugin or the support team and report this issue, you can also request to include the UL tags back in a coming release.

    In the meantime, you can consider using an older version of the plugin or using a different plugin or widget that does not have this issue.

    Also, you can try to add the missing tags by yourself but that may lead to other issues.

    Thread Starter sankari

    (@sankari)

    @aprilschmitt27 @asjaskcla

    Thank you very much for your comments.

    In my case, the solution that paid support recommended didn’t solve the issue.

    However, I noticed that the missing UL tags were added to the code after saving the settings of the event widget in the widget editor, leading to valid HTML.

    Deactivating all styles of the new DIV (classes .em.pixelbones and .em.em-list-widget) reverted the widget’s styling to the one of version 5. Of course that only applies to that widget type, thus styles of other EM widgets and templates need to be checked and updated as well.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Coding error in Events Widget as of version 6.0 – can break styling’ is closed to new replies.