weekly view shorter hours

[Alyson Evans]

Hi
The weekly view. how can i change this so that all the events for the week can be viewed without scrolling down? also it starts the day at 12am but in reality we only need to start the weekly calendar at 7am – 10pm
many thanks

[Geoff B.]

Good evening Alyson and welcome back!

Thank you for reaching out to us.

You can accomplish this via CSS.
There might be some tweaking required to meet your needs, but this should get you well underway.

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

Let me know how that goes.

Best regards,
Geoff B.

[Alyson Evans]

Hi Geoff
That worked For the morning.
but i can not change the end time of 10pm (see below to see how i have changed the css code).
Also how can the whole week to show with out scrolling? at the moment you have to scroll down to see the events after 4pm.

many thanks

[Alyson Evans]

sorry forgot to add the code
/* end at 9:00 PM */
.tribe-week-grid-inner-wrap > .tribe-week-grid-block:nth-child(10),
.tribe-week-grid-hours > div:nth-child(10) {
display: none;
}

[Geoff B.]

Good afternoon Alyson,

I am glad this seems to work for you now.
Can you confirm ?

Other wise, I could share the CSS found behind the following example (that achieves what you are looking for I believe: http://www.x-fit.ca/classes/)

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