Photos Same Size

[cbarbuto]

How can I make the photos/events the same size? Like all in one grid.

[cbarbuto]

http://eaatx.staging.wpengine.com/

[Brian]

Hi,

Thanks for using our plugins. I can try to help out here.

Out of the box there is no feature to make all the Events the same size in photo view so it does take some customization.

You can follow our themer’s guide:

https://theeventscalendar.com/knowledgebase/themers-guide/

To move and edit this template in your theme:

events-calendar-pro\src\views\pro\photo\single-event.php

There you want to modify this function:

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

Instead of medium you would want to use a custom size, my example is photo-view instead of medium.

To create a custom size use this function in your theme’s functions.php:

add_image_size( ‘photo-view’, 220, 180, true );

add_image_size()

Change the width and height number and then replace medium with the name you give it

That will get the images all the same size. If you are long title or on some dates the time might be on two different lines so you may have to add some css to force a consistent size. That is going to be unique to your site, but I can try to help out a big more.

Cheers

[cbarbuto]

So, I did just that but they are still different sizes :/

[cbarbuto]

Pic 1
Pic 2

• This reply was modified 10 years, 9 months ago by cbarbuto.
• This reply was modified 10 years, 9 months ago by cbarbuto.

[Brian]

If you have already uploaded the images it will not resize them.

Try a plugin like Regenerate Thumbnails and see if that helps size the existing images to the new size.

Regenerate Thumbnails

[cbarbuto]

Sorry but even after regenerating all of my thumbnails, I’m still having an issue.

[Brian]

Hi,

You can try this css as that will force a height, but it might look strange in some devices and you would have to troubleshoot the css to get it how you would like:

.tribe-events-photo-event-wrap .tribe-events-event-image img {
height: 260px;
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts