Image size

[Kamran Khanalvi]

Hi support,

Please can you tell me how to keep the thumbnail size as square on this page:

https://sincebeingsingle.com/events/

But then, keep it as a banner on this page:

https://sincebeingsingle.com/events/under-30s-sikh-professional-speed-date-mingle-15-aug-16/

As you can see, it’s keeping it as a square on the detail page. I would like it to be a banner.

Thanks
Kam

[Cliff]

Hi Kamran.

I see https://sincebeingsingle.com/events/ is using the Photo View.

You can reference our Themer’s Guide to copy this file: /wp-content/plugins/events-calendar-pro/src/views/pro/photo/single-event.php

to this location: [your-child-theme]/tribe-events/pro/photo/single_event.php

and then edit this new single_event.php file like this:
find Line 24 and change echo tribe_event_featured_image( null, 'medium' ); to replace ‘medium’ with the name of your image size that generates square images, which might be ‘full’ on your site. However, this could be a page size / page load time issue if each event’s Full Size image is being loaded on the Photo View. Therefore, you might want to create a new size image, named something like square_600 that is hard-cropped to 600×600, and then you’d want to regenerate all thumbnails. A plugin like Simple Image Sizes (disclaimer: third-party plugin, not guaranteed by us) might help you accomplish this.

Notes:

• You might want to change your Full Size image to not be square and instead have horizontal / banner shape dimensions, which would then make your Event Single page appear how you want
• I noticed console errors at your site: including Google Maps API Key multiple times. You should probably disable any other Google Maps plugins you may have on your site. (If needed, you may reference our KB article Using Google Chrome Developer Tools.)

I hope this helps! Please let me know how it goes for you.

[Kamran Khanalvi]

Hi Cliff,

I am not a developer, so please bear with me.

I am considering your suggestion about changing the image size to a banner (and may do this as it could be the most straight forward option).

Secondly, I have tried changing ‘medium’ to ‘full’ and there’s no change. How do I find out the name of my image size that generates square images?

Thanks!
Kam

[Cliff]

I’d suggest installing the Simple Image Sizes plugin. It could help clarify your efforts in multiple ways — by helping you understand what your current image sizes are, by making it easy to create a new/custom image size, and/or by regenerating your thumbnails for you.

Please know that we’re limited in helping with customizations, per our Scope of Support / Terms. We typically at least try to help point you in the right direction, which I think I’ve done. If you need some coding help, you may want to ask your developer or reference our list of known customizers.

[Kamran Khanalvi]

Thanks! I will give this a go! 🙂

[Cliff]

Sounds good. I’m hopeful you’ll get it figured out.

[Author]

Posts