Events list widget

[John]

Hi, when I install the Events List widget I can see that there’s a dotted background displayed on it which makes the text unreadable. See screenshot.
How to get rid of that ?
Furthermore I hoped that it would be a bit more customizable to fit in the look & feel in the site.

[Geoff B.]

Good evening John and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the odd display you are getting with the list widget.
I would love to help you with this topic.

I would need to see it in action to be sure, but based on what I am seeing, this is caused by the following CSS rule from your WordPress theme:

.suf-mag-category li, .sidebar-tab-content ul li, .suf-widget li, .suf-flat-widget li, .suf-panel-widget li {
background-image: url(../../images/icons/bulletgray.png);
}

You might want to add an exception for the events list widget.

Furthermore I hoped that it would be a bit more customizable to fit in the look & feel in the site.

Actually, you can fully customize the look and feel of the size.
The first place to try out is under Events -> Settings -> Display (play with the Default stylesheet used for events templates setting).

In order to gain full power on your site’s look and feel, I would highly recommend reading the following articles:

• https://theeventscalendar.com/knowledgebase/wordpress-customizer/
• https://theeventscalendar.com/knowledgebase/using-google-chrome-developer-tools/
• https://theeventscalendar.com/knowledgebase/changing-fonts-and-colours/
• https://theeventscalendar.com/knowledgebase/styling-events-widgets/

Let me know how that goes.

Best regards,
Geoff B.

[John]

Thanks, I did not change anything but not those bullets are gone – weird!
BUT: in stead it added the event’s featured image but wrongly cropped/resized. See screenshot added.
A pitty that there’s no option to deselect the featured image in the widget, it just is there. So the only thing I could do was removing the widget.

• This reply was modified 8 years, 11 months ago by John.

[Barry]

Hi John,

Sorry to hear that. It could again be the case that some theme CSS is triggering this. I appreciate you removed the widget, though, which makes it difficult for us to see the problem (since with most themes, this doesn’t happen).

Any chance you could set it up – perhaps using a plugin like Widget Logic to make it only appear on a specific page? We can then take a look at it in the context of your theme?

Alternatively, if you simply want to remove the featured event image, you could add some custom code like this to a custom plugin or to your theme’s functions.php file:

function hide_event_list_remove_featured_imgs_filter() {
	return '';
}

function hide_event_list_remove_featured_imgs_setup() {
	add_filter( 'post_thumbnail_html', 'hide_event_list_remove_featured_imgs_filter' );
}

function hide_event_list_remove_featured_imgs_teardown() {
	remove_filter( 'post_thumbnail_html', 'hide_event_list_remove_featured_imgs_filter' );
}

add_action( 'tribe_events_list_widget_before_the_event_image', 'hide_event_list_remove_featured_imgs_setup' );
add_action( 'tribe_events_list_widget_after_the_event_image', 'hide_event_list_remove_featured_imgs_teardown' );

I hope that helps!

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts