Help with CSS to change day view in Calendar shorten time increments to 15 min from 30

API & Customization Ask Developers
1

Hi. The Day view of the Calendar is too compact. Namely, there are only narrow 30 minute increments on the LEFT hand side and so each event on the calendar is narrow (top to bottom). What CSS code/selector can I use to widen the top to bottom distance of the time scale and/or shorten the time increments to 15 minutes…?

2

I can’t help you as not a coder :man_shrugging:
Highly recommend Johnny Parsoms (U.K.). Ian Crowe Knack Pros (USA), Sunny Singla (India)

You can reach them on the expert network if no one is able to help you here directly :+1:

https://www.knack.com/experts#expert-directory/

3

Hi Robert, not sure about the time increments but you can widen the top to bottom distance of the time slots using the following:

.kn-content .fc-agenda-slots td div {
height: 40px !important;
}

1 Like