Photo View has large spaces between events

[coexist]

Hi,

Since the latest Events Calendar Pro update the photo view seems to have large spaces in it e.e. the calendar doesn’t seem to be aligning for some reason?

any ideas on why this would be and how to fix it? All the other views appear to be normal

Thanks,
Matt

[Geoff B.]

Good evening Matthew and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the display issue you are experiencing with the photo view
I would love to help you with this topic.

What is going on is that there is a wide diversity of height in both image and excerpts.
In turn, this prevents proper floating of the different “tiles”.

You could:

1. Use featured images of similar ratio for all events
2. Control the length of each excerpt (via the excerpt field of each event).

As an alternative, you could control that automatically via CSS.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox as a starting point:

.tribe-events-list .tribe-events-photo-event .tribe-events-event-details {
min-height: 262px;
}

.tribe-events-photo .tribe-events-event-image img {
max-height: 216px;
}

Let me know if that helps.

Have a great day!

Geoff B.

[coexist]

Hi Geoff,

Thanks for getting back to me, I’ve added the CSS above to our page and there still seems to be an issue. Here’s a link to the page in question:

http://www.hamiltonhouse.org/events/

All the thumbnail images on display are the same size, 400px x 284px. Do you have any other suggestions?

Cheers,

Matt

[Geoff B.]

Good evening Matt,

Thank you for writing back.
I am sorry to hear that this did not yield the expected results.

Additionally, it looks like I can no longer see your site for some reason.
As you can imagine, that limits my ability to help you further.

Could you look into that ?

In the meantime, you might want to read the following in case it helps: https://theeventscalendar.com/knowledgebase/change-photo-view-to-equal-height-grid/

Hang in there,
Geoff B.

 

[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