List View Event Descriptions Beneath Image

[Mirja]

I just updated Events Calendar & Events Calendar Pro to the latest versions and now the list view event descriptions appear beneath the images. For over 1 year, the descriptions have appeared to the right of the images. Kindly assist. Please visit Classes/Events on my website and then click “Previous Events” at bottom right to see what I have described. Thank you.

[Nico]

Hi Mirja,

Thanks for getting in touch with us!

By default is there’s enough size the description and image will be shown in the same line. I’m not aware of any styling changes introduced recently but I’ll keep this in mind and see if other customers report changes after the update.

For now you can use this CSS snippet to make sure the image and description fit in the same line:

.tribe-events-list .tribe-events-event-image+div.tribe-events-content {
padding: 0;
}

.tribe-events-list .tribe-events-event-image {
max-width: 30%;
}


Just paste it in your theme’s stylesheet or via Simple Custom CSS plugin.

Please let me know if it helps,
Best,
Nico

[Mirja]

Adding the CSS snippet fixed the problem. Thank you!

[Nico]

Thanks for confirming Mirja! Glad to hear this is resolved 🙂

I’ll go ahead and close out this thread, but if you need help with anything else please don’t hesitate to create a new one and we will be happy to assist you.

Best,
Nico

[Author]

Posts