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 is not centering on a webpage

    Asked by votedurst on April 19, 2016 at 12:41 PM

    I am trying to align the form to the center of my webpage, but nothing is working. I've tried using a div tag and also just a simple center tag. I've even tried to put it in a table and that didn't work either.

     

    The other issue I am having is that there is a large blank space at the bottom form. I can't figure out how to get rid of it. I'm trying to make the form as compact as possible.

     

    Any help would be appreciated!

    Page URL:
    http://votedurst.com

    not centering table blank space large blank space div
  • Profile Image

    Answered by victor on April 19, 2016 at 02:06 PM

    To align all the field in the center, please inject the following CSS code

    .form-line {

       text-align : center !important;

    }

    Please let us know if this helps.

  • Profile Image

    Answered by votedurst on April 19, 2016 at 02:44 PM
    Didn’t work.
    ...
  • Profile Image

    Answered by Huberson on April 19, 2016 at 04:15 PM

    Both the form and the 'div' containing it are actually center-aligned, they just set to be 100% of their parent element. 

    You simply need to reduce the width of the 'div' container of the form. set it to '600px' intead of '100%' for example.

    div{

        width: 600px;

    }