In List view, text no longer right of photo in WP 4.6.1

[Craig Woerpel]

I have two sites. When I updated one to WordPress 4.6.1 the text moved from the right of the photo to below the photo. That wouldn’t be a problem but the text does not go the full length of the layout as it does on an event posted without a photo. It wasn’t happening on the other site. After doing comparison on Events Calendar settings, the only thing I could find was that the site unchanged was still using WP 4.6. When I searched your site for an answer, I saw that your demo does the same thing. A truncated paragraph is moved under the photo on List view. ( http://wpshindig.com/events/list/?undefined=Select+an+Item ) However the photo in the demo that is not full width does have text to the right. (Write/Speak/Code Work Night on Sept. 15) Ideas?

[Hunter]

Hey Craig,

Thank you for reaching out and being so thorough. Can you confirm if the issue occurs after reviewing our Testing for conflicts guide? Also, do you see different results after trying different options found under Events > Settings > Display? If you want, send over a link and I can provide some CSS that can help with the content width issue.

Thanks again and have a great Wednesday. Cheers!

[Craig Woerpel]

I switched to the basic theme and turned all plugins off and issue did not resolve. I lived on the display settings page before I contacted you trying each setting and comparing the settings between the two sites.

I’m wondering if something changed in the wordpress upgrade in how the image is resized for the List view. Two screen photos attached. The one with the text to the right is how both looked before I upgraded the problem one to 4.6.1. The one that still displays correctly is 4.6

The original size of both photos is 1024×683 at 72 dpi

Again, the issue is evident on your demo page. The event that displays correctly is a smaller width photo. Write/Speak/Code Work Night September 15 — But that photo is actual size which is not a solution.

[Craig Woerpel]

Just to clarify… The photo sent previously is in Tribe Events Style while the one that still works is in Full Styles but I have gone back and forth on both sites and it didn’t make a difference for either one.

[Hunter]

Craig,

Thank you for the response. With a little CSS, you should be able to get the layout how you desire. Try adding the following CSS to your theme’s style.css file and let me know how it works out for you.

.tribe-events-list .tribe-events-event-image+div.tribe-events-content {
float: left;
position: relative;
width: 100%;
}

This YouTube Video is useful when attempting to adjust styles. Lastly, we have a bug logged which aims to address this display issue in an upcoming maintenance release. I’ve attached this thread to the aforementioned bug for the developers to reference while making improvements. Thanks again. Cheers 🙂

[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