Date field in the form is too small and cannot be read

  • Profile Image
    Asked on January 01, 2018 at 05:15 PM


    Here is a new form we just created. A few things do not look right.

    Desired start date and Desired end date

    date field is smaller than it needs to be, so cannot be read.

    1514844518appearance 1.JPG

    Label ("in what country. . .") extends beyond the form:

    1514844568appearance 2.JPG

    Long text field ("Use this field. . .") extends off the form on the right, and the label goes over the right edge

    1514844624appearance 3.JPG

    Please upload button is way oversize, and label beneath it wraps instead of fitting on one line.

    1514844798appearance 5.JPG

    Label "Subscribe to our. . ." gets too close to the right edge of the form:

    1514844737appearance 4.JPG

    Finally, the highlighted question has a yellow background. How do I change yellow to white, as we have on this other form? 


    Thanks! Jotform support is awesome!

  • Profile Image
    Answered on January 01, 2018 at 06:50 PM

    I was able to see the issue when I test your form.

    1514850602zzz 2018-01-02 07.48.38.png

    Allow us some more time to identify a fix. I'll be back shortly.

  • Profile Image
    Answered on January 01, 2018 at 07:48 PM

    Please add the following CSS codes on your form.

     .form-textarea-limit > span > div {

        width : 335px !important;


    .nicEdit-panelContain {

        width : 335px !important;


    .nicEdit-main {

        width: 335px !important;


    .form-line-active {

    background-color:#ffffff !important;


    width : 85px !important;



      margin-left: 40px !important;


    1514853858zzz 2018-01-02 08.32.27.png

    Adjust also the Line Layout horizontal margin using the Advance Designer. Set the value to 6 or as needed.

    1514854056zzz 2018-01-02 08.33.35.png

    You can check my test form with all the fix.

    Let me know if this did not work.