Event images in calendar smaller after update?

[Leonie Lahiri-Ruhe]

Hi,

After updating we noticed that the images in the calendar are suddenly very small and that the titles/texts also seem distorted, see the screenshot attached. Before the update the images were much larger, which looked a lot better.

Can we change this back somehow?

Thanks,
Leonie

[Geoff B.]

Good evening Leonie and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

It looks like there is some conflicting CSS causing this.

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

.tribe-events-list .tribe-events-loop .tribe-events-event-image {
width: 100% !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[Leonie Lahiri-Ruhe]

Hi Geoff,

Thanks, this definitely improved it already. The image are back to the large size, so that is great.

However we still have a problem with the text/title of the event under the image, see the screenshot attached. There used to be a specific text field under the image, but this has disappeared which makes the text small and difficult to read. Is there any additional CSS to restore that as well?

Thanks,
Leonie

[Geoff B.]

Good evening Leonie,

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

.tribe-events-list .event-list-wrapper-bottom .wraper-bottom-left h2.tribe-events-list-event-title {
float: left;
}

Let me know if that helps.

Have a great day!

Geoff B.

[Leonie Lahiri-Ruhe]

Hi Geoff,

Thanks again!

I have attached a screenshot of the result. The title is visible now, so that is an improvement. However, the text still doesn’t look good. Before it was shown in a specific colored text field. Can we change this back somehow?

Moreover, in the top left of the image where the date is shown, there used to be a pink colored field below that to make it more visible. Now there is still a small piece of that pink field visible, but it doesn’t cover the date any more. Can we fix this as well?

Thanks,
Leonie

[Geoff B.]

Good evening Leonie,

I am glad we are still making progress.

the text still doesn’t look good. Before it was shown in a specific colored text field. Can we change this back somehow?

I would recommend contacting the good folks from the Eventica theme to make sure these changes are fixed as part of their theme maintenance releases.

The reason I am bringing this up is because that display is part of customizations they made to our plugin’s views.

Moreover, in the top left of the image where the date is shown, there used to be a pink colored field below that to make it more visible. Now there is still a small piece of that pink field visible, but it doesn’t cover the date any more. Can we fix this as well?

This could totally be addressed by them too.

In the meantime, try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-events-list .tribe-events-event-date {
min-height: 120px;
}

Let me know how that goes.

Best regards,
Geoff B.

[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