Form is not centering on a webpage

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

  • Profile Image
    victor
    Answered 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
    votedurst
    Answered on April 19, 2016 at 02:44 PM
    Didn’t work.
    ...
  • Profile Image
    Huberson
    Answered 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;

    }