How to change the width of a DateTime field with custom CSS

  • marlinnoir
    Asked on March 11, 2016 at 3:20 PM

    Good evening in France

     

    I try to reduce the length of this input .I use the trick you already send me but it does not works.I don't know why.( in green . form-line is displayed !!)

    Thanks a lot

    Gerard Nadeau

     

    How to change the width of a DateTime field with custom CSS Image 1 Screenshot 20

    Jotform Thread 793000 Screenshot
  • Boris
    Replied on March 11, 2016 at 3:51 PM

    I see this is about form 60645160566355, named message aux chauffeurs.

    On this form, the field that is marked in green is field named "fdate de fin du transport( si transports multiples)". This field has the ID of 54, so the CSS code to change the width of this field would be:

    #id_54 { max-width: 300px; }

    Image without the code:

    How to change the width of a DateTime field with custom CSS Image 1 Screenshot 30

    Image after applying the code:

    How to change the width of a DateTime field with custom CSS Image 2 Screenshot 41

    You can find out the ID of the field by following this guide:

    http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    Please let us know if you need any further assistance, we are here to help.