Event Images Improperly Sized

[Fred]

I am seeing improperly sized event images in several view on our website. I am running a standard there (ThentyFourteen) and have tried disabling all minify operation on .js and .css elements of your plugin. I have also tried disabling all cloudflare caching/processing and I cannot solve this problem. Here’s an example of the problem on our website –

https://www.n1fd.org/event/weekly-club-repeater-net/all/

Can you please help me to solve this problem?

[Geoff B.]

Good morning Fred and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.

We are sorry to hear about the display being all wonky. Yikes!
I would love to help you with this topic.

What is going on is that the CSS minification from your caching plugin is being overly aggressive.
You can see that when you remove it and shut down all its options.

The images are displaying correctly, but the event description is going over the images.

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

.tribe-events-list .tribe-events-event-image+div.tribe-events-content {
display: inline-block !important;
width: 49% !important;
margin-right: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[Fred]

Hi Geoff,

Yes this fixed the problem – thank you! Great support!

Fred (AB1OC)
President, Nashua Area Radio Club

[email protected]
Visit our Club Website ­ https://www.n1fd.org
Visit our Blog – https://stationproject.wordpress.com

On 7/27/17, 9:45 AM,
“[email protected] on behalf of
The Events Calendar”
<[email protected] on behalf of

[Geoff B.]

Good morning Fred,

Thank you for writing back.

I am super stoked this did the trick for you.

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great weekend!

Geoff B.

[Author]

Posts