Unexpected Calendar Layout change with update to 4.0.6

[tlauben]

Since I updated from 4.0.4 to 4.0.6, the spacing of calendar element has changed dramatically. There is way too much space between calendar elements and poor alignment of “view as” and “Events In” selection boxes. See http://integrityli.org/whats-coming/. Please let me know what can be done to get back to the original look. Thanks, Tom

[Cliff]

Hi Tom.

I see Line 81 of http://integrityli.org/wp-content/themes/blessing/style.css adds margin-bottom 1.5em to all paragraph tags. When I disabled that, the calendar looked less spaced out (i.e. better): http://cl.ly/2D2X1N2E2A1v

You might want to add some CSS to the Events archive views’ p tags.

I hope this helps!

[Todd]

His list-view has too much space in the listings. Look at the addresses, they are double spaced.
http://integrityli.org/whats-coming/list/

I’m having the exact same issue. What can be done?

[tlauben]

Thanks for getting back to me Cliff.

This issue occurred only after an update to the calendar code so I would appreciate it if you could investigate what was changed on your end and provide a solution there.

Thanks so much,
Tom

[Cliff]

Todd, I think I’ve got you covered in your own support thread. 🙂

tlauben, did you add the CSS necessary to change the spacing on your p tags?

FYI: In the latest update, the calendar is getting run through wpautop(), which is adding some HTML paragraph tags that weren’t there before… no biggie because they can be styled to not have so much spacing, as I stated in my previous reply.

Here’s some CSS to help you get it how you want it:

body.post-type-archive-tribe_events .main .container,
body.post-type-archive-tribe_events .main .container p,
body.post-type-archive-tribe_events .main #content,
body.post-type-archive-tribe_events .main #content p {
margin-bottom: 0px;
}

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

[Jessica]

I had a similar issue updating from 4.0.5 to 4.0.6. The css solution is not viable as some of the events calendar css requires sibling selectors (filter bar), so having <p> tags show up around comments breaks the layout there.

The problem was caused by changing the filter for load_ecp_into_page_template on the_content to 9, instead of the default 10 (src/Tribe/Templates.php line 288). This is causing events calendar code to get executed before the standard wpautop filter is executed.

The additional <p> tags around comments in the tribes templates only seems to occur on my production site running on nginx, not on my local machine running windows. Not sure if the others seeing this issue are also on nginx. I’d prefer not to have to mess with the standard wp filters if possible.

[Cliff]

Jessica, thanks for sharing.

Our developers are aware of the situation. I’m uncertain exactly how it will be handled as of right now.

The CSS I provided was only for Todd’s site.

If you feel the need to discuss your specific site further (e.g. need CSS help to properly target the correct p tags), please create your own ticket.

Thanks!

[Geoff]

Hey folks, just want to chime in here real quick to let you know we’re still looking into this one and hope to roll out a fix in our next maintenance release.

In the meantime, we wrote a plugin that will help resolve this for most cases. Please install it temporarily until the next release and see if it helps:

https://github.com/bordoni/tec-forum-support/tree/plugin-ticket-44253

If it does not work for some reason, you can also try the method suggested here, which has resolved the issue in other cases we’ve seen.

Sorry for the trouble on this and I hope this helps provide some relief while we work to patch this up in an official release.

Thanks,
Geoff

[tlauben]

Thanks Geoff. The plugin did not work for me; it made my site nothing but a white page, but replacing the contents of Templates.php fixed it.

[Kim]

What happened with tlauben happened to me also. White page of panic. 🙂

[Cliff]

Eeek! White page is never good but is usually a PHP error. Do you have a PHP or WP_DEBUG message to share with us so we can test it on our end too?

Thanks.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts