Calendar not displaying correctly with Genesis and Child Theme after update.

[Rowan]

Hey guys,

First off, thanks for an awesome plugin!

I’ve looked through the support forums as best I could so sorry if you’ve covered this somewhere else, but I updated from version 1.3 to 2.0.3 last week and the calendar isn’t displaying correctly anymore. I don’t have a screenshot of the calendar before the update but it looked the same as the 1st screenshot image on https://theeventscalendar.com/wordpress-events-calendar/ but if you go here http://www.therock.org.za/events the calendar is all squished and has no formatting.

The developer who did the original setup of the site is no longer working on the site and I’ve taken it over as a side project and while I’ve tried looking through the CSS files I don’t really know where to go to change the settings to work with the theme.

I’m running latest Genesis with the Outreach Child Theme (which we modified slightly) on latest WordPress with Events Calendar Pro.

Would appreciate if you could have a look and advise where I should start looking to get the calendar to look the way is used to.

Thanks,
Rowan

[Rob]

Hi there Rowan. Thanks for the words, man – most appreciated from me and everyone on the team. We’d be happy to do what we can to try and help you out here.

First thing I’d suggest right off the bat, and which would keep you from having to worry about modifying the CSS files at all: have you checked the different templating options available under Settings -> The Events Calendar? There’s a good chance that switching to a different option in the dropdown there could relieve this for you.

Want to give it a go, and let us know if that doesn’t do the trick? If not I can get a dev to chime in directly.

[Rowan]

Hey Rob,

Thanks for coming back to me.

I’ve tried changing the different template options but that hasn’t helped either.

Appreciate any help you can offer.

Thanks,
Rowan

[Joe]

Rowan,

I’m using Genesis with TECPro, and I had the same issue.

You need to create WordPress page template in order to force the Genesis full width template. Right now, it looks like the calendar is using your site’s default layout of content-sidebar, but not rendering the sidebar.

Background: http://wpsmith.net/2011/genesis/how-to-force-a-specific-layout-for-a-page-template-in-genesis/

Or just grab the code I pastebinned for you: http://pastebin.com/QdHaKS70 to create a page, say called “page_force_full_width.php”, to put inside your theme folder.

Then, once you have that, select that page template on the Settings > Events Calendar page.

[Joe]

Put the page template in your child theme folder, not the Genesis framework folder.

Hey Rob — Looking to become the GravityForms of Calendar plugins? Test your plugin display with the Genesis framework. xo 😉

[Rowan]

Hey Joe,

Thanks for the awesome info! Will get it done asap.

GravityForms and Events Calendar Pro both FTW!! In my case though, just have to figure out how to use them properly!

[replay]

I’m also having a but of issues with Genesis theme.
I’ve added the Calendar posts to my homepage by adding the recommended function.
I can’t see the Calendar Gridview at all. It just brings up the same posts like the front page.
If you guys could make the Calendar GridView able to be embedded in a page that would be great.

[Rob]

Thanks for sharing, Joe – this is awesome. We did have a few beta testers during the lead up to 2.0 on Genesis, but the bigger problem here is that our templating structure isn’t quite as flexible as it could be. That’s being changed for 2.1 so I suspect all issues such as this will become a moot point at that time.

Replay: does Joe’s suggestion above not work for you?

[Rowan]

Hey Rob,

Joe’s script got the calendar to display full width, but I had option already working. The problem is that there’s still no formatting and is still squished. It’s also displaying dynamically i.e is all squished until you mouse over an event and then it expands (using the full width of the page) and then contracts again the moment you lose the mouseover, whereas before the update the whole calendar filled the page width, with the formatting (it looked exactly like the pop up screenshot you use on your events calendar page) and when you moused over an event, you got a pop box overlay with the formatting correct as well.

Hope this explains things more.

Thanks,
Rowan

[Rob]

Ah, thanks for confirming Rowan. Let me get Jonah to take a look when he hits the forums today and see if he can offer anything up.

[Rowan]

Thanks Rob,

Really appreciate your help with this.

[Jonah]

Hey Rowan, it looks like you’re using the older plugin stylesheet. In the new version, id’s and class names changed and if you had a stylesheet override setup with the old version, you’ll want to get a fresh copy of the stylesheet from the new version in /wp-content/plugins/the-events-calendar/resources/events.css – you can either do a comparison between the two or just do a straight replace of the events.css file in your themes ‘events’ folder.

[Rowan]

Hey Jonah,

Thanks for the input.

Have done as suggested and just overridden the old stylesheet and when I select the default events template under theme settings I get pretty much what I want. If I select any of the other options it seems to break the theme, so gonna have to stick with the default for now even though one or two small things on the page aren’t formatting the same.

One quick thing though is that the date selectors and the view options to select either calendar or event view aren’t showing up on one line but over 3. Any ideas?

[Jonah]

No problem. Yeah, same thing with the events.css file, if you had overridden any of the templates in the previous version (i.e. list.php, gridview.php, etc..) in the ‘events’ folder in your theme, then you need to get the new copies of these template files and either compare/merge or just copy in the new ones. The template files are located in /wp-content/plugins/the-events-calendar/views

Try that.

– Jonah

[Rowan]

Hey Jonah,

Thanks for that as well. Have pulled all the files from the views folder and uploaded to our events folder and the calendar is displaying pretty good!

I’m assuming that future upgrades to the plugin will have to follow the same course of action?

[Author]

Posts