The date field is not properly aligned. I want to reduce the white space

  • ESFA
    Asked on November 24, 2019 at 9:03 PM

    Hi,

    I am used a litemode date field and I want to reduce the width of the field.  I wanted to reduce the white space on either side of the date.

    The date appears to be centred in the field, and if you reduce the field width it simply crops the field from the right meaning the year is partially hidden.  See example in red below.

    1574647342JF 20191125 Screenshot 10


    The form is https://form.jotform.co/93087506633865


    Thanks.

  • VincentJay
    Replied on November 25, 2019 at 3:52 AM

    Hi,

    To fix the issue, please add this custom CSS code to your form:

    li[data-type="control_datetime"] input.form-textbox {

    padding: 0px !important

    }

    Here's a guide on how to add the code to your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


  • ESFA
    Replied on November 25, 2019 at 6:18 PM

    Many thanks for that fix :)