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

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

    My form is here:


    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
    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:

    #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:

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

    awesome, that worked great. Thanks!

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