What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Change the width of a shrunk field

    Asked by hpelanda on December 06, 2016 at 08:44 AM

    Hello,

    In my form called Time Sheets I've tried changing the width of the field on the form design option but no matter the number of pixels I use the width does not change. I'd like to do this for all the fields "time" and make them all larger. Could you help me with this?

     

    Thank you

    Page URL:
    https://form.jotform.com/63353662089159

  • Profile Image
    JotForm Support

    Answered by owen on December 06, 2016 at 09:02 AM

    Hi,

    It is doable with custom CSS codes. Please first see how you can inject them:

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

    Then please inject the following code:

    .form-line.form-line-column.form-col-2 {

        width : 200px;

    }

     

    .time-dropdown.form-dropdown {

        width : 55px;

    }

    Please try this and let us know if you can not obtain the desired look. 

    Thank you for contacting us.

  • Profile Image

    Answered by hpelanda on December 06, 2016 at 09:06 AM

    Thank you, that worked!

  • Profile Image

    Answered by hpelanda on December 06, 2016 at 09:15 AM

    Actually, it worked when I'm in the design page of the form, but when I click on preview form or when I publish it the change does not take effect. Is there a way to fix this?

    Thank you

  • Profile Image
    JotForm Support

    Answered by owen on December 06, 2016 at 09:20 AM

    Hi again,

    I can see the issue. The code seems to be overridden by some other codes that already exist. Please try the same code with a minor change this time:

    .form-line.form-line-column.form-col-2 {

        width : 200px !important;

    }

     

    .time-dropdown.form-dropdown {

        width : 55px !important;

    }

    This should do the trick. Let us know if the issue persists though.

    Thank you and sorry for the small mistake in my initial codes.