Is it possible to minimize the padding surrounding the form?

  • Profile Image
    shopharveys
    Asked 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 :/

  • Profile Image
    Ben
    Answered 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
    shopharveys
    Answered 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
    jonathan
    Answered 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
    abajan
    Answered 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
    shopharveys
    Answered 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
    shopharveys
    Answered 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
    jonathan
    Answered 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