Increase Calendar row height

3 replies·opened Oct 17, 2020
S
SemiColonWebSTAFFOct 17, 2020

Hello,

The Calendar Rows heights depend on the Height of the Entire Calendar. You can control this by setting a Height for the Calendar. Use this CSS Code:

.fc-calendar .fc-body {
	height: 600px;
}

You can increase this value according to your needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

F
flymacOct 17, 2020

It works well, thanks to your help I made a small change as it looked bad on mobile:


@media (min-width: 992px) {
.fc-calendar .fc-body {
	height: 600px;
}
}

Thanks again!

S
SemiColonWebSTAFFOct 17, 2020

Hello,

Ohh Yes! Apologies!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard