What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    Format the Product Quantity Field - CSS Coding

    Asked 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,  

    Page URL:
    http://www.locodisplaycasestwo.webeden.co.uk/order-form/4591313846

    product quantity quantity format product
  • Profile Image
    JotForm Support

    Answered by Charlie on December 10, 2015 at 03:42 AM

    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.

  • Profile Image
    JotForm Support

    Answered by Charlie on December 10, 2015 at 03:46 AM

    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.

  • Profile Image

    Answered by locomotivedisplaycases on December 10, 2015 at 04:20 PM

    Hi Charlie,

     

    Thanks for your help on this it is much appreciated, Kind Regards David

  • Profile Image
    JotForm Support

    Answered by Kevin_G on December 10, 2015 at 05:43 PM

    Hi,

    On behalf of my colleague, you are welcome.

    Feel free to contact us any time if you need more help or have more questions.

    Regards.