How can I center align my form

  • Profile Image
    shawn3296
    Asked on March 09, 2018 at 06:51 PM

    I've created an inline form that will embed on my website.  https://form.jotform.com/80676027984165 .  I am currently aligning the form slightly left by adding padding to the first field. As you can image, this does not translate well to mobile.

    I would like the form do center its content, but I am having little luck identifying the id to change alignment. (it looks somewhat centered on page, but its actually 70px left padding that gives that appearance.

    Any help would be appreciated!

  • Profile Image
    Jim_R
    Answered on March 09, 2018 at 08:30 PM

    Please remove the left padding you added through CSS. Afterwards, add these CSS codes to your form builder:

    .form-all {

      margin: 0 auto !important;

      width: 525px !important;

    }