I was wondering how I can center align the form elements

  • matwiv
    Asked on February 27, 2020 at 5:20 PM

    Hello, I was wondering how I can center align the form elements. If there is CSS, can you please provide. Thank you

  • VincentJay
    Replied on February 27, 2020 at 10:01 PM

    We can give you a custom CSS code to center the form elements. Please provide the form link so we can assist you properly. Is this the correct form? 

    https://www.jotform.com/83355764915265

    We'll wait for your response.

  • VincentJay
    Replied on February 27, 2020 at 10:01 PM

    We can give you a custom CSS code to center the form elements. Please provide the form link so we can assist you properly. Is this the correct form? 

    https://www.jotform.com/83355764915265

    We'll wait for your response.

  • matwiv
    Replied on February 28, 2020 at 10:46 AM

    Yes this is the correct form, Thank you for the quick response. Please advise -

  • David JotForm Support Manager
    Replied on February 28, 2020 at 1:41 PM

    Hi, please try injecting the following CSS code in your form(remove the code you have in there first): https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-label.form-label-auto {   

          display: block;

          float: none;

          width: 100%;

    }

    [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {

        width: 100%;

        margin: auto !important;

        text-align: center;

    }

    .form-line .form-label.form-label-top.form-label-auto {

        text-align: center !important;

    }

    #cid_22 > div{

        text-align: center !important;

    }

    #cid_23 > div{

        text-align: center !important;

    }

    #cid_24 > div{

        text-align: center !important;

    }

    #cid_16 > div{

        text-align: center !important;

    }

    #cid_18 > div{

        text-align: center !important;

    }

    #cid_19 > div{

        text-align: center !important;

    }

    See the result in my clone version where conditions are disabled to display all fields: https://form.jotform.com/200585237745964

    1582915225result Screenshot 10

    Let us know if you need more help.

  • matwiv
    Replied on March 3, 2020 at 3:51 PM

    Thank you very much :)