How do I stop my product labels from collapse and how do I increase the image size of products?

  • abell88
    Asked on November 4, 2017 at 3:16 PM

    My product labels are collapsed on the form, and must be selected to see all the available options. I want active form to appear exactly the same as it is when editing - so all the available options are visible at once and nothing is collapsed. 

    Secondly, how do I increase the size of the images of the products? Thank you. 

    Jotform Thread 1290318 Screenshot
    Page URL: https://www.jotform.com/build/73069001118245
  • Nik_C
    Replied on November 4, 2017 at 4:30 PM

    Regarding the product collapse issue, please insert the below CSS code in your Custom CSS Field:

    .form-product-item.hover-product-item {

        height: 120px!important;

    }

    That should increase the height of each block of product.

    Regarding the image, you could try inserting the below CSS in the same field:

    img.form-product-image-with-options {

        height: 100px!important;

        width: 80px!important;

    }

    You could change the numbers for a better fit.

    Let us know how it worked.

    Thank you!