Input field alignemnt

  • mcmil101
    Asked 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!

    Jotform Thread 776520 Screenshot
  • Mike_G JotForm Support
    Replied on February 19, 2016 at 3: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

  • mcmil101
    Replied on February 19, 2016 at 5:05 PM

    Amazing. Thanks so much!

  • Ashwin JotForm Support
    Replied on February 20, 2016 at 6:42 AM

    Hello mcmil101,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!