Display full height calendar and only applicable hours

[Preston Toor]

I have the Events Calendar PRO, and my client is using it in week format only. They want the calendar to show only the hours that events are scheduled (always Monday thru Saturday and 5:40am to 8pm), and also to display in full height so that it does not scroll. The site is live at http://hiitfitness.teamauxilia.com/events/ if you need to see what I’m saying.

[Geoff B.]

Good evening Preston and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox: https://gist.github.com/GeoffEW/badc00e12c439fb2bd8c050b98b481a2

As you can see, this might need to be adjusted for your specific hours.

Once that is done, you will need to tweak the week view wrapper to your liking.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-events-grid .tribe-scroller {
height: 900px;
}

You might have to adjust the height to suit your specific needs here again.
Let me know how that goes.

Best regards,
Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts