Replace checkbox with quantity in payment tool?

  • Profile Image
    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
    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
    Answered on October 13, 2015 at 03:26 PM


    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.


  • Profile Image
    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
    Answered on October 13, 2015 at 05:38 PM

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

    I checked your jotform and I can see it is working fine now.

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