Form Spacing/Centering

  • jetsetguys
    Asked on October 8, 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!

  • David JotForm Support Manager
    Replied on October 8, 2015 at 2: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

    Form Spacing/Centering Image 1 Screenshot 30

    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

    Form Spacing/Centering Image 2 Screenshot 41

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

  • jetsetguys
    Replied on October 8, 2015 at 3: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!

  • Boris
    Replied on October 8, 2015 at 5: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;
    }

    Form Spacing/Centering Image 1 Screenshot 30

    Form Spacing/Centering Image 2 Screenshot 41

    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.