Make Date Reservation Calendar bigger

  • Profile Image
    Asked on March 29, 2021 at 09:48 AM


    I am trying to enlarge the overall size of the Date Reservation calendar.... by about 25%. I've inspected the CSS coding for the widget through the Chrome Browser Inspect function, but I can't figure out where to even begin for this particular widget... there's so many parts & pieces.

    What code would be needed for insertion into the widget's CSS customization box to get this calendar to render at about 25% larger in size. Also... is it possible to have the weekday columns start with Sunday rather than Monday?

    Thank you in advance.


  • Profile Image
    Answered on March 29, 2021 at 11:58 AM


    To make the calendar 25% bigger, please try adding the following CSS to the widget:

    #reservationContainer > div {
      display: block;
      transform: scale(1.25);
      margin: 22px 35px 22px;

    You can click here to see how to add CSS to the widget.

    Please note that you need to unshrink the field so the calendar can fit inside the container. You can do this by right-clicking the field.

    Unfortunately, it is not possible to change the start of the week with this widget.

    Let us know if this solution works for you.