Change height and colour of appointment slot

Hi there,

May I know how I can change the colour of the text "2 available" in appointment slots? The height of the slot is too long as well, leaving much black space with the next slot. Can I adjust it too?

Thanks,
Vienne

To change the color of the text in the appointment slots widget, please inject the following code:

.items-left {
 color: red!important;
}

I have added red color here, you may write your own color code.

To change the gap between the widget and the "remarks" field please inject the following CSS:

#id_12 {
 height: 400px!important;
}

Please add these two CSS code in the Form Designer's CSS tab.

To inject custom CSS please follow this guide:

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Let us know if you have further questions.

Thanks.