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

    Input field alignemnt

    Asked by mcmil101 on February 19, 2016 at 12:35 PM

    Hi,

    I am trying to get my form fields to align properly on the right side. I've attached an image of how i want it to look. As you can see, I want both the left and right edges to line up. You can see how it currently looks at the URL provided.  Any help would be greatly appreciated. Thanks so much!

    Page URL:
    thrintake.com

    Screenshot
    input field thanks attached and left
  • Profile Image
    JotForm Support

    Answered by Mike_G on February 19, 2016 at 03:08 PM

    You can add the CSS codes below to achieve such. 

    Here's a guide on how you can add CSS codes to your form: How-to-Inject-Custom-CSS-Codes

    #input_2, #input_3, #input_45, #input_7, #input_9{

    width: 123.528px !important;

    }

    #id_2, #id_19, #id_7{

    padding-right: 27.5px !important;

    }

    #id_3, #id_25, #id_9{

    padding-left: 27.5px !important;

    }

    #id_26, #id_10{

    padding-right: 15px !important;

    }

    #id_45, #id_34{

    padding-left: 15px !important;

    }

    #input_19{

    width: 191.364px !important;

    }

    #input_25{

    width: 51.364px !important;

    }

    #id_25{

    padding-right: 300px !important;

    }

    Here's the form I have used for testing: https://form.jotform.com/60495423478968

    Feel free to clone it so you can inspect it using this guide: How-to-Clone-an-Existing-Form-from-a-URL

  • Profile Image

    Answered by mcmil101 on February 19, 2016 at 05:05 PM

    Amazing. Thanks so much!

  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 20, 2016 at 06:42 AM

    Hello mcmil101,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!