Header messed up

[Seppe]

Hi,
When updating to the latest version of the calendar. The header of the calendar just got messed up as you can see here : http://chabelle.be/kalender/maand/
Have been trying a lot with css to get it horizontal, but no success…

Anyone an idea how this can be fixed just as before?

Thanks in advance.

[Jonah]

Hi Seppe,

Sorry about the delay in response here. This is an issue some themes have with our plugin when there are no events on certain months. There are a couple things you can try:

1. https://theeventscalendar.com/faq/my-calendar-navigation-buttons-become-misplaced-on-months-with-no-events-what-gives/
2. The only other thing to try is this:

It’s kind of involved and you may need to hire a developer to help you if you can’t figure it out. Basically, you have to first go into the plugin settings Events > Settings > Template and change the Events Template to the Default Events Template which will force the template to use it’s own built in templates for rendering event pages. Now, this is likely going to not look as good as your current template setting so what you need to do is modify the plugins template, bringing in some of the code from your themes to get things looking better. The plugins templates you’ll want to modify are:

/wp-content/plugins/the-events-calendar/views/ecp-page-template.php and /wp-content/plugins/the-events-calendar/views/ecp-single-template.php. Make copies of those files and place in an ‘events’ folder in your theme. Next, open up your theme’s page.php template file and find all HTML wrapper code (usually divs) and migrate this over to the plugin template files, wrapping the template code with your themes wrapper code. Where you’ll want to replace stuff is right where tribe_events_before_html() and tribe_events_after_html() are called in the plugins template files. You’ll want to put in the beginning part of the wrapper code where tribe_events_before_html() is and the closing tags where tribe_events_after_html() is. And that’s about it! Once you do that and if it’s done right and you may need to play around with it a bit, it should work.

That’s the only workaround there is for this issue right now so if that doesn’t work you’ll either need to try it again, hire someone to help you or wait for the fix to be officially released. One of our devs stated that it’s not a problem with our plugin but a problem with the way some themes use wpautop to auto insert p and br tags into the page in certain cases. So, you could try reporting the issue to your theme developer as well.

I hope that helps!

– Jonah

[Author]

Posts