CSS edits needed, default Events Page template interaction with theme

[James]

Appears I am still experiencing some theme Events interaction issues, requesting some assistance. Some screenshots below – option 1 is to use the default Events Page template, option 2 is to use the default Page template. My current theme is “Goodnews“. Each option has interaction issues:
Option 1 – http://cl.ly/1L2u051m0A0v1r3Z3L3O – The space for the page content seems wider than the theme page width, the border has no margin. Also, the Primary Widget Area widgets are pushed to the bottom right of the page.

Option 2 – http://cl.ly/3g01323k2B2F1o1X2k07 – When I use the default Page template, the event content disappears.

Site: http://goodnewsillinois.org
Thank you in advance!JZ

[Bob]

I see you’re set up for Option 1 right now, and I tried debugging the CSS (just for kicks), but I’m not seeing it. It’s like there’s a clear in either the sidebar or container/content, but if there is, I can’t find it.

I also wondered about default/implicit styles for maybe the aside or dl’s, but I haven’t found anything about that either.

[Joyce Grace]

Hello James and Bob,
Thank you for posting this – and Bob thanks for trying to help! I see this is an issue, and it perplexes me too. I am going to try to get a higher level of support involved to see if this is something we can help you with.

[Jonah]

Hi James,

It seems like your best bet is going to be to use the Default Events Template, I’m not quite sure why the Default Page Template is not working but it must be some incompatibility with your theme.

What you’ll need to do to get up and running with the Default Events Template is one of two options.

1. Add Before & After HTML in Settings > The Events Calendar > Template and include the particular markup (wrapper div’s) from your theme to wrap the calendar. You can likely find this in your theme’s page.php template. Look for what’s missing in the markup when you inspect the page.

2. Edit /wp-content/plugins/the-events-calendar/views/ecp-page-template.php by making a copy and placing in an ‘events’ folder in your theme. Then, do the same thing in that file. Add the necessary HTML wrappers particular to your theme to get the calendar wrapped nicer.

I hope that helps!

– Jonah

[Author]

Posts