-
purplepineappleAsked 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?
-
purplepineappleReplied on October 13, 2015 at 2: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?
-
victorReplied on October 13, 2015 at 3: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
-
purplepineappleReplied on October 13, 2015 at 3: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;}
-
jonathanReplied on October 13, 2015 at 5: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.