Grid size

[Jacob]

Dear Tribe team,

Probably an easy question: How can I compress the height of My Events Calendar (the frontend grid) so that the user can view the time frame from 9:00 till 24:00 without the need to scroll, but in a max grid height of 800 pixels?

Best regards and thank you,
Jacob

[Cliff]

Hi Jacob. Thanks for your question.

I believe I understand what you’re asking for, but we’re limited in helping with customizations, per our Scope of Support / Terms. However, I can try to help point you in the right direction.

Could you please provide a link to your site where you’re wanting this customization?

[Jacob]

Dear Cliff,

Oh great, thanks a lot for the hint then. So here is my events calendar:
http://spiritberlin.org/events/

Best,
Jacob

[Cliff]

I believe I understand what you’re asking for, but we’re limited in helping with customizations, per our Scope of Support / Terms. However, I tried helping with this CSS code:

.tribe-week-grid-hours .time-row-1AM,
.tribe-week-grid-hours .time-row-2AM,
.tribe-week-grid-hours .time-row-3AM,
.tribe-week-grid-hours .time-row-4AM,
.tribe-week-grid-hours .time-row-5AM,
.tribe-week-grid-hours .time-row-6AM,
.tribe-week-grid-hours .time-row-7AM,
.tribe-week-grid-hours .time-row-8AM,
.tribe-week-grid-block[data-hour='0'],
.tribe-week-grid-block[data-hour='1'],
.tribe-week-grid-block[data-hour='2'],
.tribe-week-grid-block[data-hour='3'],
.tribe-week-grid-block[data-hour='4'],
.tribe-week-grid-block[data-hour='5'],
.tribe-week-grid-block[data-hour='6'],
.tribe-week-grid-block[data-hour='7'] {
display: none;
}

Unfortunately, it didn’t really solve the problem. Here’s a screenshot of the result. As you can see, it removed the display of the data but didn’t change the Week View’s height. I believe this is because the Week View’s height is probably calculated via JavaScript.

Additionally, max-height in general isn’t an easy thing to get right.

Therefore, I’m going to have to definitely classify this one as custom development to achieve your desired result.

If you need some coding help, you may want to ask your developer or reference our list of known customizers.

Please let me know if you think there’s anything more I can help with on this topic.

[Jacob]

This reply is private.

[Cliff]

Jacob, thanks for understanding.

Modern Tribe does not provide code customizations as a paid service, which is why we provide a list of known third-party customizers (link provided in my previous reply). Please contact one of them or a developer you find on your own.

Thanks!

[Author]

Posts