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 change the size of the form?

    Asked by elevatingyourbusiness on April 22, 2015 at 10:36 PM

    I put the form on my blog.   To show up in each blog post.   (sample here)  http://www.marketingwithintegrity.com/since-starting-your-small-business-what-have-you-learned-about-taxes/


    However, it's REALLY a big box :) 


    I want to remove some of the padding or top/bottom/sides/  so that the form is a bit smaller.  What is correct on the form are the words you see.


    I'm sure this can be done, just don't know how. :) But I'm sure someone does.


    Page URL:

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 23, 2015 at 05:08 AM

    Hello elevatingyourbusiness,

    Please inject the following custom css code in your form to remove the top and left margin:

    .form-all {

      margin: -89px 0px -90px -90px !important;


    The following guide should help you on how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Since the div where you have embedded your form have the same background color, the right and bottom will still show the empty space. Please check the screenshot below:

    To solve this problem, you will have to edit your web page and remove the background color from the div.

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!