How to center fields on web page?

  • Profile Image
    EMCA11939
    Asked on November 21, 2016 at 05:38 PM

    My title and button are centered fine, and the way the form looks on a mobile is fine, but on a web page all of the fields are flush left instead of centered with the title and button. How do I get all fields to be centered?

    Many thanks for your patience. Barb

  • Profile Image
    BJoanna
    Answered on November 21, 2016 at 10:03 PM

    I have inspected your form and I saw that inside of Preferences and Designer settings width of your form is set to 350px, however actual width of your form is 720px.

    Please add this CSS code to your form:

    .form-all {

        width:400px!important;

    }

    How to Inject Custom CSS Codes

    After you add this code your form will look like this. 

    Here is my demo form: https://www.jotformpro.com/form/63257892825973 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image
    EMCA11939
    Answered on November 21, 2016 at 10:44 PM
    Thank you, thank you, thank you!
    Barb
    ...
  • Profile Image
    BJoanna
    Answered on November 21, 2016 at 11:50 PM

    You're welcome.

    Feel free to contact us if you have any other questions.