How to center a field?

  • NHEMICE12
    Asked on January 12, 2017 at 6:30 AM

    How to setup the whole thing to the centre

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

  • Support_Management Jotform Support
    Replied on January 12, 2017 at 7:05 AM

    How to center a field? Image 1 Screenshot 30

    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:

    How to center a field? Image 2 Screenshot 41

    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 

  • NHEMICE12
    Replied 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

    How to center a field? Image 1 Screenshot 20

  • Özlem JotForm Developer
    Replied on January 13, 2017 at 4: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:

    How to center a field? Image 1 Screenshot 20

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

    Thank you.