Form Spacing/Centering

  • Profile Image
    jetsetguys
    Asked 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!

  • Profile Image
    BDAVID
    Answered 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
    jetsetguys
    Answered 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
    Boris
    Answered 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.