How to center align dropdown field?

  • dhidalgo
    Asked on March 2, 2017 at 1:39 PM
    I have one last question - needed help. I need all fields text and everything align center - I got most of them except for the drop down. I have tried and tried - can you help me align at the center of the form please?
  • BJoanna
    Replied on March 2, 2017 at 1:53 PM

    Inject this CSS code to your form to center align dropdown filed:

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

        width: 250px!important;

        margin: 0 auto;

    }

    How to Inject Custom CSS Codes

    After you add mentioned code your form will look like this,

    How to center align dropdown field? Image 1 Screenshot 20

    Here is my demo form: https://form.jotform.com/70605031515949

    Feel free to test it and clone it.

    Hope this will help. Let us know if you need further assistance. 

  • dhidalgo
    Replied on March 3, 2017 at 11:02 AM

    Thank you that worked. I have another issue but will open up a new thread