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

    Purchase Order Form shrinks pictures

    Asked by mansoap on January 05, 2017 at 08:01 AM


    I think I almost have your purchase order form setup the way I need it.  I'm using the Purchase Order widget to allow some basic math for my stockists to place an order.  I have the code embedded into my website - https://mansoap.co/pages/stockist-order-form and for some reason all the pictures are 50% hidden.  It looks like the form is shrinking the selector boxes until they are clicked, but by doing this the pictures are cut in half.  Basically, once the person puts a checkmark to select that item, the picture is fully visible, but is not unless choosen.  

    How do I put an option so that the pictures are 100% visible all the time, even without selecting?


    Page URL:

  • Profile Image
    JotForm Support

    Answered by Chriistian on January 05, 2017 at 08:43 AM

    To fix the issue, please inject the following custom CSS code to your form:

    .form-product-item {

        height: 100% !important;



    To inject custom CSS code in your form, just follow the instruction provided in this article: How to Inject Custom CSS Codes.


    Do let us know if you need further assistance.