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 do I center all labels, questions and answers on a form? Questions are multiple choice.

    Asked by 281janitorial on January 12, 2012 at 10:18 PM

    Trying to center EVERYTHING in the form (not the heading) - just all of the multiple choice field questions (along with their circles or boxes and the field headings. The screenshot is attached of actual questions.

     

    I injected the code:

     

     

    .form-input-wide
    {
    text-align:center;
    }

     

    ....but it only centers the multiple choice answers and NOT directly under each other.  All of the answers went wacky! I want all of the fields to look like this:

     

    How did you feel about this form?

    A. Waste of time

    B. Completely worth it

    C. It sucks

    D. It was great

     

    How did you feel about this form?

    A. Waste of time

    B. Completely worth it

    C. It sucks

    D. It was great

     

    BUT IN THE CENTER OF THE FORM!!!

     

    Your immediate help would be GREATLY appreciated, so I don't have to order a straight jacket!

     

    Thanks!

    Screenshot
    multiple choice style size heading font center align center fields
  • Profile Image
    JotForm Support

    Answered by abajan on January 13, 2012 at 12:50 AM

    Injecting the following code should work in most browsers but I'll run tests in a few hours time to be sure.

    #id_8, #id_9, #id_15, #id_10,
    #id_11, #id_14, #id_12 {
    text-align: center;
    }

     

    Good night.

  • Profile Image
    JotForm Support

    Answered by idarktech on January 13, 2012 at 12:56 AM

    Hi,

    In addition to my colleagues solution, you can tweak his code by changing text-align: center; to margin-left: 270px; if you'd like it to display like this: http://www.jotform.com/form/20124414627?

    Just message us here if you have further questions. Thank you so much!

  • Profile Image

    Answered by SalonFusion on July 18, 2012 at 09:36 PM

    how do i center my entire form, including questions and input forms?

     

    http://www.salonfusion.net/refer-a-friend

  • Profile Image
    JotForm Support

    Answered by jonathan on July 18, 2012 at 10:21 PM

    @SalonFusion

    I checked the website using the URL you provided. I could not make the form's condition work.

    I checked the form and found that there are inconsistency in the conditions.

    We appreciate if you can also create your own thread (please click here). We can address also the "centering form" you require.

    Will await your updates.

    Thanks.

  • Profile Image

    Answered by pinoytech on July 19, 2012 at 01:58 PM

    @SalonFusion,

    Can you please take a look at this Form if this is what you want you achieved? If yes, feel free to clone it.

    If you need further assistance, feel free to contact us again anytime.

    Thank you!

  • Profile Image

    Answered by herbalG on May 27, 2016 at 03:25 PM

    How can I center this form: http://www.jotform.com/61247530381148
  • Profile Image
    JotForm Support

    Answered by BDAVID on May 27, 2016 at 03:56 PM

    @herbalG, your question will be addressed on the following thread: https://www.jotform.com/answers/848861