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

    Form Spacing/Centering

    Asked by jetsetguys on October 08, 2015 at 10:00 AM

    Hello,

     

    I was told to adjust the padding width to reformat my form on mobile (which worked) but It is now not centered on a desktop and I would like to change it back to it being centered without adjusting it on mobile.

     

    Please advise on how to do so.

     

    Thank you!

    Page URL:
    https://secure.jotform.us/jetsetguys/password-request

    form spacing Mobile not centered
  • Profile Image
    JotForm Support

    Answered by BDAVID on October 08, 2015 at 02:23 PM

    You can revert your form to a previous version using the revision history: https://www.jotform.com/help/294-How-to-View-Form-Revision-History

    Also, I cloned your form, and removed a lot of CSS coding that was causing the form not to be centered in desk top view, and its still mobile responsive, please check it here: https://form.jotform.com/52805695655972?

    You may clone it if you want to: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by jetsetguys on October 08, 2015 at 03:08 PM

    Hey,

     

    I do not see the changes updated on the actual form. Also, the reason why that CSS code was there is because I want the grey background to span the entire page, without any of the black header/footer/bordering. Please instruct me on how to make this changes.

     

    Thanks!

  • Profile Image
    JotForm Support

    Answered by Boris on October 08, 2015 at 05:20 PM

    The changes are not updated on your actual form because my colleague didn't make these changes to your form, he made the changes to a cloned version of your form in his own account:

    https://form.jotformpro.com/52805695655972

    That is why you do not see any of the recommended changes on your form. If you wish to revert your form to before the layout was broken, the easiest way is to use the Form Revision History, and revert to a know working version of your form.

    If you instead wish to have the form appear as the one that my colleague has fixed in his account, you can clone the fixed form from his account to your own account:

    How to Clone an Existing Form from a URL

    I have made further changes to the form from my colleague, and I have applied the same background from the centered part of the form to the entire form. I have done this by opening the Designer (Setup & Embed > Designer), and pasting the following code into the textbox under the CSS tab:

    html {
        background : url("//www.jotform.com/images/styles/style2_bg.jpg") !important;
    }
    body {
        background : none !important;
    }
    .form-textbox {
        height: auto !important;
    }

    Here is the form with all the changes applied to it:

    https://secure.jotformpro.com/52806712403954

    Feel free to clone it back into your account for closer inspection and further changes, if needed. Please let us know if you need further assistance, and we will be happy to help.