CSS single event broken with version Event Calendar PRO 4.3.4

[Yves]

Organiser and location with Google Map of the event show up on the left side of the content, so the layout is totally messed up.

http://www.treffens.be/motortreffen/wintertreffen-tornados-2017/

[Geoff B.]

Good afternoon Yves and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the layout for single events not displaying properly.
I would love to help you with this topic.

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

.av-single-event-meta-bar {
clear: both;
}

.av-single-event-content {
width: 100% !important;
float: left !important;
margin-left: 0px !important;
}

Let me know if that helps.

Have a great day!

Geoff B.

[Yves]

Hi Geoff,

Thanks for the quick reply, your workaround indeed fixes my problem.
Will there be a permanent fix in the next PRO version ?

Thanks,
Yves

[Geoff B.]

Hey Yves,

Awesome! I am super stoked that this worked.

To answer your question, yes, a fix is on the way for the next maintenance release.

Thank you for your understanding.

Best regards,

Geoff B.

[Yves]

a fix is on the way for the next maintenance release.

[Geoff B.]

Good evening Yves,

You will also be contacted when the fix is released.

Have a great day!

Geoff B.

[Nico]

Hi there!

Just wanted to share with you that a major release of our plugins is out, which includes a definitve fix for this issue 🙂

Find out more about the release → https://theeventscalendar.com/things-to-be-aware-of-in-version-4-4-of-the-events-calendar-event-tickets-and-premium-add-ons/

Best,
Nico

[Yves]

Hi,

I still need to add the additonal line in custom CSS to keep it to work, is this the intended solution ?

Kind regards,
Yves

.av-single-event-meta-bar {
clear: both;
}

.av-single-event-content {
width: 100% !important;
float: left !important;
margin-left: 0px !important;
}

[Geoff B.]

Good evening Yves,

Thank you for writing back.

I believe there might have been some confusion here. Our apologies.

Your issue looked very similar to another one we just had with our latest release, hence the confusion.

Since your issue is pretty theme specific (meaning that it typically does not impact other users), for now, the correct way to handle it is through the CSS rules you just mentioned.

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