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

    How do I reduced the extra space around my form?

    Asked by dollars4cars on December 07, 2013 at 12:26 PM

    I need a form to be very narrow to fit on a site, but there is a lot of extra space on both sides of the form that go beyond the width I am indicating when I design it. How can I make the form smaller so that I can embed it on the site?

    Page URL:

  • Profile Image

    Answered by pinoytech on December 07, 2013 at 03:18 PM


    In order to reduce some extra space around your form, you need to use custom css and inject it into your form. You might like to take a look at this clone form: http://www.jotformpro.com/form/33406264064954

    To do this:

    1. Change all field labels to TOP

    2. Use custom css and here's the code:

    .form-all {

    background: #1F733E;


    .form-line {

    padding-top: 2px !important;

    padding-bottom: 2px !important;

    padding-left: 23px !important;


    .form-textbox, .form-textarea {

    width: 200px !important;


    If you need further assistance, please feel free to contact us at anytime.

  • Profile Image

    Answered by pinoytech on December 07, 2013 at 03:19 PM

    My apologies! I forgot to include the link on how to inject custom css: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes