How do I change alignment of the DropDown boxes?

  • rockinrhinestones
    Asked on November 28, 2016 at 9:05 AM

    In my first three shirt options the size, color, and quantity boxes are all on one line I can't get it to do the same on the last shirt option.

  • Özlem JotForm Developer
    Replied on November 28, 2016 at 10:17 AM

    Hi,

    I have checked your form. It is seen that you injected some custom CSS code to your form. I have checked these codes, too. Below CSS codes cause the difference you mentioned above in your dropdown boxes. Please remove these CSS codes form your form:

    #id_8,

    #id_9,

    #id_10,

    #id_14,

    #id_15,

    #id_16,

    #id_20,

    #id_21,

    #id_22,

    #id_26,

    #id_27,

    #id_28 {

        width : 14% !important;

        padding : 0 !important;

        padding-right : 4% !important;

    }

    You can also have a look at my demo form: https://form.jotform.com/63323812595963 

    If you want, you clone my demo form to your side, too. Please follow this guide about how to clone: How-to-Clone-an-Existing-Form-from-a-URL

    If you need any further details, please don't hesitate to contact us.

    Thank you.

     

     

  • rockinrhinestones
    Replied on November 28, 2016 at 2:44 PM
    How do I remove the CSS codes
    Sent from my iPhone
    ...
  • Jan
    Replied on November 28, 2016 at 4:33 PM

    You can remove the CSS codes in the Form Designer. Here's how:

    1. In the Form Builder, click the "Design" button at the top toolbar.

    How do I change alignment of the DropDown boxes? Image 1 Screenshot 30

    2. In the Form Designer, go to the "CSS" tab. Look for the CSS code provided by my colleague Olivia and delete it.

    How do I change alignment of the DropDown boxes? Image 2 Screenshot 41

    Related guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Hope that helps. Thank you.