Replace checkbox with quantity in payment tool?

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?

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?

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

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;}

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.