Events not lining up in photo view

[Emily]

I’ve just finished importing a number of events.
I have my default view on my events page https://www.eatlocalweek.com.au/events/ to show photos (in the grid format), however they are not lining up properly. I realise the description length is different on each event.. but can I get it to fill the white gaps without having to set a min-heigh on the boxes?

Cheers
Emily

[Geoff B.]

Good evening Emily and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the events not lining up properly.
I would love to help you with this topic.

That is a great question. There are a couple of different approaches you could take to solve that:

1. You could us the excerpt field in the description to manually try to manage the description’s length
2. You could use a CSS rule to hide everything beyond a certain length. Here’s an example of what that might look like:
   
.tribe-events-list .tribe-events-photo-event .tribe-events-event-details {
max-height: 177px;
overflow: hidden;
}

Let me know how that goes.

Best regards,
Geoff B.

[Emily]

Thank you, using the css you provided has worked well.

[Geoff B.]

Good afternoon Emily,

I’m stoked that this worked out for you!

You are welcome back on our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts