Month view too wide after upgrade

[baynature]

I just upgraded The Events Calendar and associated plugins on my local environment. Just after doing so, the month view table changed from being 939px wide (computed via Chrome) to 1757px wide. It seems to have something to do with the tribe-events-calendar class in the css, but I can’t seem to find what’s causing it. This is for baynature.org, but of course I can’t post it live until I figure out the problem. Thanks.

[Barry]

Hi: sorry you’re hitting difficulties.

It’s difficult for us to help of course if we can’t see the problem, but is it possible you’ve got a pre-existing CSS rule targeting that table / are you familiar with using your browser’s developer tools and can you track down the cause of this that way?

Perhaps you could try adding something like:

table.tribe-events-calendar { max-width: 900px !important }

To a custom tribe-events.css file (see our Themer’s Guide for details of setting this up) and see if that impacts?

[baynature]

Hi Barry,
It took me a while to get back to this (due to an avalanche of work) but the solution was
table.tribe-events-calendar{ table-layout: auto !important};
Just wondering why this became an issue…
Thanks,
Laura

[Barry]

Hi Laura,

It’s difficult to say.

Of course the HTML generated by our plugins – and the accompanying CSS – does change from time to time as new versions roll out. We do test as widely as we can against default themes and a range of other popular themes, but we can’t guard against everything and it may simply be that something cropped up which conflicted in someway with a piece of existing CSS already in place via your theme/some other plugin.

Sounds like you figured out a solution you’re happy with, though, which is awesome 🙂

I’ll go ahead and close this thread – but if we can help with anything else please don’t hesitate to post new threads as needed.

Thanks!

[Author]

Posts