How to set featured image size?

[irishrunner16]

Hoping to get some help regarding the featured image. Specifically, how can I set the maximum size that is displayed on the individual event pages?

Unless setting a minimum/maximum image size that can be uploaded on the Submit an Event form is an easier change, I’d at least want the larger images automatically re-sized by WordPress so they don’t take up so much space on the page.

Thanks,
Sean

[irishrunner16]

Update: I tried doing a template override on single-event.php and was able to get that modified to display the Medium sized image using <?php echo tribe_event_featured_image( null, ‘medium’ ) ?>

However, when I tried to edit list/single-event.php and photo/single-event.php with <?php echo tribe_event_featured_image( null, ‘thumbnail’ ) ?> to set those to display the thumbnail, it appears that something else in TEC is overriding my edit, because the image dimensions are being set to 210px on List view, and 305px on Photo view. If I right click to “view image” the browser will display the correct (thumbnail) sized image.

Could someone point me in the right direction? I’m lost as to what other file is controlling the List and Photo view dimensions to be 210px and 305px.

[Casey]

Irishrunner16,
I’ve moved this thread over to the EC Pro forum, where one of our team members will assist. Please stand by.

[Casey]

Irishrunner16,
I think I’ll just jump in and help you on this one myself. 😉 Could you give me a link to your site so I can investigate further? Thanks!

[irishrunner16]

Hey Casey. I’m actually working on a local install until I get my site ready to go “live.” Is there anything in the source code that might help? I’m wondering if something in the CSS could be setting the images to 100% width of the divs?

[Casey]

It’s possible that something in the CSS is changing the image dimensions, but without seeing it in action, it’s really difficult for me to know. Is there any way that you can create a sub-domain and install your DEV site there so I can look closer?

[irishrunner16]

This reply is private.

[Casey]

Sean,
Some of the CSS rules are setting the image to be 30% width, so you can just override those rules by adding the following to your theme’s stylesheet:

.tribe-events-list .tribe-events-event-image, .tribe-events-list .tribe-events-event-image img {
	width:auto !important;
}

Give that a shot and let me know if it does the trick. Thanks!

[irishrunner16]

Ah, success! I placed that in {my theme folder}/tribe-events/pro/tribe-events-pro.css and it worked in for all the views. As always thanks a bunch for your help!

[Casey]

Thanks for confirming that this got you sorted. Since it looks like you’re all set, I’m going to mark this thread “Answered” and close it out.

By the way, if you have a minute or two, we would love it if you’d write a few words for us here: http://wordpress.org/support/view/plugin-reviews/the-events-calendar?filter=5

Thanks in advance. 🙂

Cheers,
Casey

[Author]

Posts