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 a field?

    Asked by NHEMICE12 on January 12, 2017 at 06:30 AM

    How to setup the whole thing to the centre

    https://form.jotform.me/NHEMICE12/usana-dubai-welcome-page

  • Profile Image
    JotForm Support

    Answered by Jim_R on January 12, 2017 at 07:05 AM

    First off, I strongly urge you to remove that field, Password, or rename it to something else. Keep in mind that this goes against our Terms of Use.

    If you only renamed it, then try the following CSS codes:

    #label_13, #cid_13 {

       text-align: center;

    }

    RESULT:

    If you deleted and replaced it with a new textbox, then the IDs would be different. To get the correct IDs for the new field, refer to this guide on How-to-find-field-IDs-and-names 

  • Profile Image

    Answered by NHEMICE12 on January 12, 2017 at 11:41 PM

    I cannot get to work, I followed your instruction and it says the input box is 

    #input_571

     

    so am i suppose to enter 

    #label_571,#cid_571{

    text-align:center;

    }

    but it dosen't work for me. Please help

    https://form.jotform.me/NHEMICE12/USANAdubai2017

  • Profile Image
    JotForm Support

    Answered by olivia on January 13, 2017 at 04:18 AM

    Hi,

    I have checked your form. Please inject below CSS into your form:

    #id_548 {

        margin-left : 34% !important;

        }

    #label_548 {

        text-align : center;

    }

     

    How-to-Inject-Custom-CSS-Codes 

    After you inject this code, your form will be seen like in the below image:

    If your need any other supports, please feel free to let us know.

    Thank you.