The Events Calendar 'Upcoming Events' Widget Display Issue

[Joanne]

Hi,

I have installed your free version of The Events Calendar on a client’s website which is under development.

The Upcoming Events widget is set up, however, it doesn’t display the same way you have it on this page – https://theeventscalendar.com/knowledgebase/events-calendar-widgets/.

I checked your support documentation (https://theeventscalendar.com/knowledgebase/themers-guide/) and noted you referenced this file – widgets/list-widget.php. However, I cannot find this in the plugins files (here is the list of files – http://awesomescreenshot.com/0234mmk67b.

Here is the way the Upcoming Events text looks at the moment – http://awesomescreenshot.com/0e14mmkk8e.

As mentioned above, I would much prefer it to look like your example on this page – https://theeventscalendar.com/knowledgebase/events-calendar-widgets/.

Can you please let me know which file I should edit?

Thanks

[George]

Hey Joanne,

Thanks for reaching out to us here. Unfortunately, we don’t offer much support for the free versions of our plugins here, and instead only offer support for them over on the free WordPress.org plugin forums here → https://wordpress.org/plugins/the-events-calendar/

But maybe we can at least point you in the right direction here 🙂

The first thing to point out is that while the appearance of the Events List widget is dictated originally by the plugin, the actual styles can be – and most often are – overridden by your theme styles. That’s what’s happening on your site, so to change those styles, you’d need to write custom CSS at the bottom of your theme’s style.css file to override those styles.

So, the good news is that doing that may not require modifying that /views/widgets/list-widget.php file that you mentioned that directly – this makes things a bit easier.

But if you’re curious, that file should indeed exist in your plugin files, especially if the widget is showing up correctly on your site (although not styled exactly like you’d want) – I’d recommend using something like FTP to manually search for this file, instead of relying on the list of files generated in the WordPress admin area like in your screenshot.

Let us know if this helps! While we can’t offer much support here, if this helps and you can share a link to your site without a “Maintenance Mode” blocker in place so that we can see the widget styles in-person, we might be able to offer some specific CSS to help you get started on customizing the styles. (You can also just look in that /views/widgets/list-widget.php file to manually find the HTML class names for styling with CSS).

Cheers,
George

[Joanne]

Your assistance has been fantastic, George! I’ve sorted it out now and greatly appreciate your advice.

All the best,
Jo

[George]

Glad to hear it Jo! Best of luck with your site 🙂

[Author]

Posts