Purchase Order Form shrinks pictures

  • Profile Image
    Asked 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?


  • Profile Image
    Answered 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.