JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Format the Product Quantity Field - CSS CodingAsked by locomotivedisplaycases on December 10, 2015 at 02:02 AM
After trying numerous times I am unable to get my form to look how i want it too, I have tried various CSS coding methods and cloned other forms, refreshed my browser and cleared caches. I have tried all suggestions on the forum, but either my exsisting CSS coding is overwriting something, or I am not doing something obvious.
I hope someone can help. I have attached pictures of what I am after below,
product quantity quantity format product
There seems to be error in your CSS code. I cloned it and corrected in my end. I also added additional ones to get the layout you want.
You can check my cloned form here: https://form.jotform.com/53431644044954?
You can clone mine and see the CSS code there. Here's a guide on how to clone my form: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL. You can copy the CSS code under the CSS tab in your Form Designer Tool.
I also checked your website and there seems to be a problem on how you have embedded it there, have you tried using our iFrame embed code instead? Here's a guide on how to get the iframe code: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code
Let us know if that helps.
I noticed there was a huge gap between the "Order Details" and on the product item, so I edited the CSS code again. You can directly see the update on my live clone form.
Thanks for your help on this it is much appreciated, Kind Regards David
On behalf of my colleague, you are welcome.
Feel free to contact us any time if you need more help or have more questions.