Calendar of Events Broken

[Matthew]

Just upgraded to the Pro version and it seems to have broken my Calendar of events. The days that don’t have events in them are super skinny and the days with events are super wide, instead of being spaced evenly along the columns. Any help would be greatly appreciated.

[Rob]

Hi Matthew. Thanks for the note; sorry to hear that you’re having issues here. Any chance you can share a link to your site so we could try to check this out? Had you customized the appearance of the plugin at all in a previous build? If so it’s possible your changes got lost upon updating if they weren’t done via the appropriate template override procedure.

Let me know. You may also want to try playing around with the different templating options under Settings -> The Events Calendar, to see if any of those have an impact. We’ll do what we can to assist from there.

[Matthew]

Yeah, just had to get it off maintenance mode, I have tried all the different templates. Here is the link: http://toetappinswing.com/events/

[Rob]

Ah, thanks for confirming. Sounds like it may be a CSS issue – let me get our dev Jonah to see what he can offer up.

In the interim, please try the deactivating other plugin route (so we can see if this is happened to be caused by some conflict). It could also be the theme – so try reverting to the default 2011 theme to see if the issue persists there as well. We’ll do what we can on our end. Thanks!

[Matthew]

Ok so reverted back to the default theme and it changed it, so doesn’t seem to be a plugin issue. Odd that it was working perfectly with the custom theme until I loaded the Pro version of it onto the website. Any idea on how I can fix this?

[Jonah]

Hi Matthew, it does look like a CSS issue but after looking at the website I can’t find what CSS is affecting it in this way. The one thing I can see is that for some reason the table for the calendar has a width set to 1396px – so pretty big. And the table cells within have percentage based widths so they’re stretching to fill that big width. The thing is I can’t find where that width is being set… It doesn’t look like it’s in any of the stylesheets… But maybe you can track this down or try setting the calendar table to a smaller width. That’s what I would suggest. Let me know whether or not that works or if you have any other questions.

[Matthew]

Thanks Jonah, how would I go about setting the width? I am still learning about coding and websites…

[Matthew]

I was also wondering, would there be a way to just embed the calendar into a regular page rather than having it create it’s own?

Cheers,
Matthew

[Jonah]

Normally you can set this in the CSS either in your theme’s style.css file or in the /wp-content/plugins/the-events-calendar/resources/events.css file. If you’re going to edit events.css, make a copy of it and place it in an ‘events’ folder in your theme.

I tried setting the width myself and there’s something strange with your site that’s preventing it from taking effect and I couldn’t figure out why. You’ll need to troubleshoot this in your theme to figure that out. But you would normally just be able to set the width like so:

table.tribe-events-calendar {
width: 640px;
}


[Jonah]

Can you try putting that in your style.css or events.css and let me know if that works?

[Matthew]

Tried entering it into the style.css file but no change, where do I find the events.css file?

[Rob]

Matthew: the events.css file is in the plugin’s “resources” folder.

[Matthew]

Ok found it and added the code, doesn’t seem to have fixed anything.

[Jonah]

Hey Matthew, ok you can take that code out because it’s obviously not doing anything. Hmmm, very strange indeed. What versions of the plugin are you running? Have you tried disabling other plugins to see if there’s a conflict? Mind providing me FTP details so I can take a closer look? Email to: jonah [at] tri [dot] be

[Viktoria]

Hi! I have the same problem at http://www.weibi.at/events/monat/ Did you find any solution? Thanks!

[Author]

Posts