Automatically apply standard size to all featured image

[Nicolas]

Hi,

On my calendar page (mydomain/events/), I noticed that all events’ featured image don’t have the same size or shape: some are square and small, other rectangle and large. What css would I need in order for all my featured image to have the same shape and size (in order to give a uniformity to my listings)?

Thanks!

[Geoff B.]

Good evening Nicolas and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the featured image of your calendar not being even.
I would love to help you with this topic.

However, to be able to do that, I would need 2 things.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Secondly, I cannot take a look at your calendar currently, since it requires login credentials. Would it be possible to gain temporary front-end access ?

Have a good week-end,

Geoff B.

[Nicolas]

This reply is private.

[Geoff B.]

Good afternoon Nicolas,

Thank you for writing back.

As a side note, please make sure you use a different slug for the main calendar page (e.g.: events) than the one you use for single events (e.g.: event). Otherwise you are bound to experience some unexpected behaviour.

Could you give the following CSS rule a shot:

.tribe-events-list .tribe-events-event-image img {
max-height: 173px;
overflow: hidden;
}

Let me know how that goes.

Best regards,
Geoff B.

[Nicolas]

Hi Geoff,

Thanks for getting back to me. I implemented your CSS rule, and it worked just fine!

Thank you again for your help and reactivity; I really appreciate.

Best Regards,
Nicolas

[Geoff B.]

Good evening Nicolas,

I’m super stoked that this worked 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