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

    How to Center Multiple Fields?

    Asked by snaplash on February 17, 2016 at 08:41 AM

    Hey Jotform!

     

    Could you please show me how to center multiple fields on my form - https://form.jotform.com/60441233441948

    I would like the section between the two lines to be centered. How would I acheive this? Should I add the fields to a div in html and then style that div?

     

    Any help would be greatly appreciated!

    multiple fields how JotForm style uploads height
  • Profile Image
    JotForm Support

    Answered by Charlie on February 17, 2016 at 11:35 AM

    I checked your form and it seems like you have an extensive styling on it. I see there's a lot of custom CSS code on it.

    You cannot position them in center because each field is of a different element, and there's no element that wraps them. The idea to wrap them in <div> and style that will work, but you'll need to use the form's full source code for that. 

    You can just adjust margin-left of the first element on the line to move it on the center. I presume your styling on your form is fixed and is not mobile responsive.

    You can this custom CSS code:

    #id_66 {

        margin-left: 12% !important;

    }

    #id_61 {

        margin-left: 12% !important

    }

    You can see how it looks like in this cloned form that I have: https://form.jotform.com/60474453982968. You can adjust the margin value depending on your preference.

    Let us know if that works.

  • Profile Image

    Answered by snaplash on February 17, 2016 at 11:52 AM

    Thank you Charlie.

     

    It is not exactly what I was looking for, but it is certainly a work around and one that I am very happy with.

     

    Thank you again;

  • Profile Image
    JotForm Support

    Answered by Charlie on February 17, 2016 at 01:07 PM

    I'm glad to hear that it somehow helped. If you needed more assistance on this, please feel free to let us know. Thank you.