How to increase the width of dropdown options in payment tool?

  • sofiman
    Asked on July 27, 2016 at 7:56 AM

    Hello,

     

    I have an order form with a list of flavors and every flavor has 2 options (Quantity and Nicotine) I shrink it and it looks good now, but option number 2 (Nicotine) does not show in full and instead it shows only "N" ! when I try to expand it again it shows in full but not in a nice order.

     

    How to solve this ?

    Jotform Thread 891533 Screenshot
  • Ashwin JotForm Support
    Replied on July 27, 2016 at 9:50 AM

    Hello sofiman,

    It seems you have removed the other options form your payment tool. I did check your form and found that it only has quantity dropdown. Please inject the following custom css code in form to change the width of dropdown field of payment options:

    .form-subproduct-quantity {

        width: 100px !important;

    }

    The following guide should help you how to inject custom css code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!