Hide featured image on Upcoming Event Widget

[domconrad]

I’m hoping to use ‘Events List: Upcoming Events’ widget in footer of Divi Theme site.

Some events will have featured image and this takes up too much real estate, especially if client posts a portrait image!

So I’m ok hiding the featured image (.tribe-event-image {display:none;}) on footer with css, but that leaves the events with and without assigned featured images looking different. See Grabs attached.

Is there a way to use the widget so the styling is consistent, irrespective of whether a featured image is associated?

[Cliff]

Hi. Thanks for your detailed message.

Those 2 events that have images are also Featured Events. If you make the Oct 18 event “Featured”, it would look like the others. Or, if you make those 2 not Featured, all 3 will look the same.

The “tribe-event-featured” class comes from https://github.com/moderntribe/the-events-calendar/blob/4.6.23/src/functions/template-tags/general.php#L668-L671

You could use a PHP filter or jQuery to add/remove the HTML class to/from all events within the List Widget.

If you need some coding help, you may want to ask your own developer or reference our Customizations Documentation, which includes a link to Hire A Freelancer.

Please let me know if you have any follow-up questions on this topic.

[domconrad]

Aaaaahhhh! Featured….. Many thanks.

[Cliff]

Glad to help! 🙂

[Author]

Posts