Is there any way to change the scale of the calendar?

Hello @grond,

Yes. You can pretty much modify anything om=n the calendar with CSS.

Here are some of the examples of the changes you can make with CSS:

1.

/* Adjust the overall calendar container width */
.qcc-calendar-container {
    width: 100%; /* Change this value to adjust the width */
    max-width: 800px; /* Set a maximum width if desired */
    margin: 0 auto; /* Center the calendar if it's not full width */
}

2.

/* Adjust the height of the calendar */
.qcc-calendar {
    height: 600px; /* Change this value to adjust the height */
    min-height: 400px; /* Set a minimum height if needed */
}

3.

/* Adjust the height of the calendar days */
.qcc-calendar tbody td {
    height: 80px; /* Change this value to adjust the height of each day cell */
}

4.

/* Adjust the font size of the calendar days */
.qcc-calendar tbody td {
    font-size: 14px; /* Change this value to adjust the font size */
}

5.

/* Adjust the width of the event list */
.qcc-calendar .qcc-list {
    width: 300px; /* Change this value to adjust the width of the event list */
}

I have been thinking of adding this under the seetings page to make it easy for those who are not tech savvy to also make such modifications.

I hope the above solutions helps you in the meantime.

Regards.

Patrick

• This reply was modified 4 months, 2 weeks ago by Patrick Lumumba.