Change size of a Date Picker

  • Profile Image
    Asked on January 10, 2022 at 10:39 AM

    I'm trying to change the width of a date picker. I've added what I think is the required CSS, and the form look correct in design view, but when I preview the form, it looks different and incorrect

    The code I've added is

    #label_21 {

     width: 700px !important;


    #lite_mode_21 {

     width: 75px !important;


  • Profile Image
    Answered on January 10, 2022 at 11:51 AM


    After some testing, it doesn't seem like the field wants to change size without changing the parent tag. In this case it's #cid_21.

    The form it self is about 700 pixels wide, so with the width of the label set to 700px, it pushes the field down.

    #label_21 {
      width: 460px !important;
    #cid_21 {
      width: 170px !important;

    This is how it looks when I test it in my own form:


    Is this what you were looking for, or is there something else that should be changed still?

    Best regards,