How to center align dropdown field?

  • Profile Image
    Asked on March 02, 2017 at 01: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?
  • Profile Image
    Answered on March 02, 2017 at 01: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,

    Here is my demo form:

    Feel free to test it and clone it.

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

  • Profile Image
    Answered on March 03, 2017 at 11:02 AM

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