Make My Form "Sleek" (narrower, less spacing)

  • Profile Image
    JKulp42757
    Asked on August 16, 2016 at 11:01 AM

    My form is here:

    https://form.jotform.com/62284438387971

     

    I'd like to make it a bit more "sleek", with less spacing between the fields, and not as large vertically either.

     

    Something closer to the image I have attached as an example.

  • Profile Image
    david
    Answered on August 16, 2016 at 12:16 PM

    Adding the following code to your form will greatly reduce the spacing between fields and allow for the submit button to be on the same line as the rest:

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

    #id_4 {
        margin-right : -10px;
    }

    #id_3 {
        margin-right : -55px;
        margin-left : -45px;
    }

    #cid_6 div.form-header-group {
        margin-bottom : -20px;
    }

    Here is how the form would look with the code added:

    https://form.jotform.com/62285176757972

  • Profile Image
    JKulp42757
    Answered on August 16, 2016 at 12:57 PM

    awesome, that worked great. Thanks!

  • Profile Image
    John_Benson
    Answered on August 16, 2016 at 02:02 PM

    On behalf of my colleague david, you're welcome. 

    Let us know if you need further assistance. Thank you.