Hide Certain Hours on Week View

[James]

Hi, I want to show only certain times in the week view on an upcoming website I’m using this software with.

How would I go about this? Searched the forums, and nobody seems to have achieved it.

Cheers!

[Geoff B.]

Good evening James and welcome to the Events Calendar Support forum!

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

Some advanced CSS should do the trick.

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

/* start at 8:00 AM */
.tribe-week-grid-inner-wrap > .tribe-week-grid-block:nth-child(-n+8),
.tribe-week-grid-hours > div:nth-child(-n+8) {
display: none;
}

/* end at 10:00 PM */
.tribe-week-grid-inner-wrap > .tribe-week-grid-block:nth-child(11),
.tribe-week-grid-hours > div:nth-child(11) {
display: none;
}

Let me know if that helps.

Have a great day!

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