Input field alignemnt

  • Profile Image
    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!

  • Profile Image
    Mike_G
    Answered 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
    mcmil101
    Answered on February 19, 2016 at 05:05 PM

    Amazing. Thanks so much!

  • Profile Image
    ashwin_d
    Answered 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!