Moving product item options into each own line

  • bsupplied
    Asked on February 11, 2015 at 6:32 PM

    I am trying to figure out why the middle options are not each on there own line like the top and bottom choice.

     

     

    Jotform Thread 514454 Screenshot
  • Welvin Support Team Lead
    Replied on February 11, 2015 at 8:14 PM

    Hi,

    A workaround would be to adjust the width of the product dropdown options to a fix size. You can inject the following custom CSS codes to your form:

    [data-type="control_payment"] .form-sub-label-container .form-dropdown {

    width: 125px !important;

    }

    Here's how you can inject the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    You can also turn options into a single line, like this:

    Moving product item options into each own line Image 1 Screenshot 20

    By just simply adding the following custom CSS codes:

    [data-type="control_payment"] .form-sub-label-container .form-dropdown {

    width: 100% !important;

    display: block !important;

    }

    Thank you!