Week View Not Displaying Properly

[Rhett]

When you visit the page and look at it in Week View it’s all screwed up and you have to scroll way down and they’re all clumped together. What to do?

http://franklinathleticclub.com/group-classes/

[Andras]

Hello Rhett,

Thanks for going Pro and welcome to the forums! I can help you out with this glitch.

The issue stems from some CSS formatting, namely from the combination of this:
.tribe-events-grid .column.first, .tribe-week-grid-hours {
margin-right: -40px;
width: 40px;
}
.container .column, .container .columns {
margin-left: 10px;
margin-right: 10px;
}
 

To offset those settings please add the following to your theme’s / child theme’s style.css file:
.container .column, .container .columns {
margin-left: unset;
margin-right: unset;
}
.tribe-events-grid .column.first, .tribe-week-grid-hours {
margin-right: -40px !important;
}
 

Please check, and let me know how that works out.

Cheers,
Andras

[Rhett]

Thanks!! I added the code but as you’ll see it doesn’t appear to fix it :-/

[Andras]

Hey Rhett,

I’m sorry this didn’t work out yet. I took a look at it and I believe I missed one small, but crucial part. Here is the full snippet again, please replace the one you pasted before with this:

.container .column, .container .columns {
margin-left: unset !important;
margin-right: unset !important;
}
.tribe-events-grid .column.first, .tribe-week-grid-hours {
margin-right: -40px !important;
}
.tribe-grid-content-wrap {
float: none !important;
}

Let me know if this fixes it.

Cheers,
Andras

[Rhett]

That worked, thanks.

[Andras]

Happy to hear that helped!

I’m going to close this ticket. If you have any other questions or issues, please, don’t hesitate to open a new thread. We’ll be here to help out.

Cheers,
Andras

PS: If you like our plugin, we would be happy to receive a review in the wordpress.org repository. Thanks!
https://wordpress.org/support/view/plugin-reviews/the-events-calendar

PS2: We’d be also grateful if you would give us feedback on your satisfaction with support. Just click on one of the classy looking emojis below. 🙂 If you can spare a few words, that’s even better. Doublethanks!

[Author]

Posts