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

    Is it possible to minimize the padding surrounding the form?

    Asked by shopharveys on January 06, 2015 at 04:33 PM

    I can't seem to locate where in the CSS the large amount of padding around the form is coming from.  For example, see my screenshot.  I can't seem to get it rightly centered or left aligned :/

    Screenshot
    left aligned amount left form padding space
  • Profile Image

    Answered by Ben on January 06, 2015 at 05:19 PM

    Hi,

    I took a look at your website and I see what you mean.

    To fix it please inject this CSS code:

    .form-all > ul.form-section {
        margin: 0 auto;
        width: 450px;
    }

    Now if you would like to have the textarea of the same width, just change the colums (width) to 48 through the toolbar.

    Once you do that the textarea should have the same width as the fields above.

    Do let us know if you have any further questions and we would be happy to assist.

    Best Regards,
    Ben

  • Profile Image

    Answered by shopharveys on January 06, 2015 at 05:49 PM

    Hey Ben,

    Thanks man!  That worked to get it centered and look much better, but I still have this big white space above the form.  I know this is where the 'thank you'/confirmation message is displayed, but, is there a way we can minimize the overhead here?

    Thanks so much for your help :)

    -

    Kevin

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 06:12 PM

    Hi Kevin,

    I test submitted the embedded jotform http://www.jotform.us/form/50052090138141 on your website, and I can see the Thank You page like this

     

    I think the space above it is at minimum already?  Do mean you wanted to move it even closer to the header texts on top?

    Please let us know if further assistance is needed.

    Thanks.

     

  • Profile Image
    JotForm Support

    Answered by abajan on January 06, 2015 at 06:31 PM

    @shopharveys

    If you're referring to the space above the form itself, add the following rule to the injected CSS:

    form.jotform-form {
       padding: 0;
    }

    This is actually Ben's solution in another thread I saw earlier.

    As to the thank you message, if it's too close to the paragraph above it, extra space can always be added above it in the Thank You Page Wizard:


    Cheers

  • Profile Image

    Answered by shopharveys on January 06, 2015 at 07:07 PM

    Yes, I was referring to the form itself.  I'll give this a try!  Thank you :)

     

  • Profile Image

    Answered by shopharveys on January 06, 2015 at 08:12 PM

    It worked perfectly!  Thanks guys.  

     

    LAST QUESTION:  

    Is it possible to embed a secure form?  My site does have an SSL, but it's ecommerce platform only enables it during checkout...

     

    Thanks!

    -

    Kevin

  • Profile Image
    JotForm Support

    Answered by jonathan on January 06, 2015 at 09:16 PM

    Hi Kevin,

    We're glad to be of help. 

    Don't hesitate to contact us again anytime for any other question you have.

    Thanks.

     

    -- 

    We will answer your next question here  http://www.jotform.com/answers/491413