PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

How Do I Center The Form In A Page

  1. travin
    Member

    Ok,

    I am going crazy here. I have tried everything I can to center the form in the page but I just can't seem to accomplish it. I have tried adjusting the margins to auto, and every other combo I can think of. I left the form size at 640px and the full page width is 960px.

    Please advise.

    Posted 8 years ago on Saturday March 5, 2011 | Permalink
  2. Without seeing your page, I can't even begin to guess. Please post a URL to your form page and I'll be happy to take a look.

    Posted 8 years ago on Saturday March 5, 2011 | Permalink
  3. travin
    Member

    http://www.financialexpertspro.com/check-your-social-security-number

    Currently, I am using this code to center the contents:

    .gform_wrapper {margin:10px auto!important}

    Thanks for your help!

    Posted 8 years ago on Saturday March 5, 2011 | Permalink
  4. Your form is being centered correctly, or let me say that the "gform_wrapper" containing div is being centered correctly.

    screenshot: http://grab.by/9j8E

    What you need to do is set a width on the wrapper, just big enough to accommodate your form. Then center it.

    body #gform_wrapper_1 {width:260px; margin:10px auto;}

    after that, you'll want to go back and set the field widths in the admin to "large" so they fill the space properly.

    screenshot: http://grab.by/9j8O

    Posted 8 years ago on Saturday March 5, 2011 | Permalink