How to center a field?

  • Profile Image
    NHEMICE12
    Asked 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
    Jim_R
    Answered 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
    NHEMICE12
    Answered 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
    olivia
    Answered 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.