Hi!
1. Try increasing the max-width property on the second CSS rule, that should do the trick for the cut-off number. For the top position, change the margin within the first rule, the first number from -40px to perhaps -41px.
2. Using custom CSS is the best option here as well. I have constructed some custom CSS rules, that may help you with changing the attributes:
/* Datepicker container */
.asp-ui {
background: white !important;
}
/* Datepicker header */
.asp-ui .ui-widget-header {
background: #f07f19 !important;
}
/* Datepicker weekday boxes */
.asp-ui .ui-state-default {
background: rgba(204, 108, 18, 0.09) !important;
}
/* Datepicker weekend day boxes */
.asp-ui .ui-datepicker-week-end a {
background: rgba(121, 90, 61, 0.09) !important;
}3. See previous point.
4. This is unfortunately not possible without major modifications/custom code I’m afraid.
5. This should somehwat resolve that:
.asp_sb.asp_sb_5 fieldset.asp_custom_f:nth-of-type(5) {
margin-top: 0 !important;
}