Resize thumbnail images on calendar list

[jmhayward]

Hi there – I am trying to find out how / where I am able to adjust the size of the thumbnail images that are generated on the calendar list? Any help is much appreciated. Thanks.

[Geoff]

Hi there, Justin!

Good question–you can change the thumbnail size in two ways:

1) Using CSS. You can add something like this to your theme’s style.css file and edit as needed:

.tribe-events-list .tribe-events-event-image img {
width: 200px;
}

2) Customize the template. You can do this by making a copy of the list/single-event.php file (located at /plugins/the-events-calendar/views/list/single-event.php), then:

• Create a new folder in your theme directory called tribe-events
• Create a new folder in that one called list
• Drop your duplicated file in that folder

Now that the file is in your theme you can modify it to fit your needs. In this case, you should see this line:

<?php echo tribe_event_featured_image( null, 'medium' ) ?>

You can change the size from medium to any other standard WordPress thumbnail size.

Does this help answer your question? Please let me know. 🙂

Cheers!
Geoff

[jmhayward]

Hi Geoff,

Thanks for your prompt response and for your advice. Unfortunately, I am looking to change the size of the thumbnail itself. For example, may of the events submitted by the community feature a portrait image (a poster) and I am looking to show this in its entirety – so I don’t want to this cropped.

Where might I change the thumbnail size image, so as to change these dimensions? Many thanks again.

[Geoff]

Hey Justin, thanks for following up!

The calendar uses the same thumbnail functionality that’s default in WordPress, so you can add a new thumbnail size to your functions.php file, then apply it to the template using the same steps outlined in my last reply.

I hope this helps!

Geoff

[Geoff]

Hello Justin! This thread has been quiet for a while, so I’m going to go ahead and close it. Please feel free to open a new one if any other questions come up and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts