Replace checkbox with quantity in payment tool?

  • Profile Image
    purplepineapple
    Asked on October 13, 2015 at 12:40 PM

    I have a list of products in the payment tool. Each product has a check box next to it as default. Customers then need to add a quantity, so I have that field below the product name. When a quantity is entered, the checkbox is automatically selected, so it really is unnecessary to have the checkbox there.

     

    Right now it shows up like this:

     

    What I really want is the quantity box where the current checkbox is, with the product name after that. Something closer to this:

    Is that possible with CSS?

  • Profile Image
    purplepineapple
    Answered on October 13, 2015 at 02:50 PM

    Well I kind of found a workaround. If I only have one item, and use custom a property, and insert all of my real items as sub-products, I get this:

    I can live with this EXCEPT the font for the sub-product names is so tiny. How do I make that font larger?

  • Profile Image
    victor
    Answered on October 13, 2015 at 03:26 PM

    Hi,

    Glad to hear you were able to find a work around to your question. To adjust the size of the sublabels, you may use the following CSS code

    Please let us know if this helps.

    Regards

  • Profile Image
    purplepineapple
    Answered on October 13, 2015 at 03:32 PM

    Got it!

    I inserted this css:

    .form-product-child-label{font-size: 14px !important;}

     

    Which worked, but made the prices bigger also, so I added this css:

    .form-product-child-price.form-product-child-label {font-size: 10px !important;}

     

  • Profile Image
    jonathan
    Answered on October 13, 2015 at 05:38 PM

    Thank you for taking the time updating us on the status.

    I checked your jotform http://www.jotform.us/form/52856858303161 and I can see it is working fine now.

    Feel free to contact us again anytime should you require further assistance.