ddelegli

Hi again.
I found a solution for the Calendar to be displayed smaller.
I change the following in the CSS:

/* for the navigation header of the calendar
*/
.DOPBookingSystem_Navigation{
width: 400px !important;
}
/* for the calendar */
.DOPBookingSystem_Calendar{
width: 400px !important;
}
Merci!!!

Hi DotonPAper.
I really appreciate your quick answer.
It works, but the pb is that it affects both the calendar and the input date fields. Hence the input fields are moved to the bottom of the calendar when you squeeze the width.
Is there a specific CSS element that could target the calendar width and the input field area width (i ‘ve already found in the css
id=”DOPBookingSystem_CheckIn1″ but it would only affect the width of every single input field and not the block that contains it i guess).
TIA for your answer.
Best regards,
Didier