How to increase the width of input fields?

  • skinnyfatties
    Asked on February 9, 2018 at 11:06 AM

    1518192272Screen Shot 2018 02 09 at 11 Screenshot 10

    How can I make the first/last name, email, and phone number be the full width of the form like company name and your title?

  • Richie JotForm Support
    Replied on February 9, 2018 at 12:02 PM

    Make sure to un shrink your Name fields

    How to increase the width of input fields? Image 1 Screenshot 30

    then add this css codes.

    #input_21{
      width:330px;
    }
    #input_29_full{
      width:330px;
    }

    Complete guide:How-to-Inject-Custom-CSS-Codes

    Here is a sample output.

    How to increase the width of input fields? Image 2 Screenshot 41

    Please let us know if we can be of further assistance.

  • skinnyfatties
    Replied on February 9, 2018 at 12:06 PM

    Great, thanks.

    Can you help me with these small fixes too:

    • How can I remove the border shadow around the insight of the form? See below the submit button.

    • How can I move the input fields to the center of the form?

    1518196015Screen Shot 2018 02 09 at 12 Screenshot 10

  • Richie JotForm Support
    Replied on February 9, 2018 at 12:15 PM

    Sure thing, but I have moved your new questions to a new thread so that we can assist you better. We would like to have one issue in one thread.

    Please use this link to your thread https://www.jotform.com/answers/1379386, we will answer your inquiry shortly.

    Thank you.