Product List: How to increase the size of product image?

  • secretarybusa
    Asked on April 29, 2024 at 2:51 PM

    On my shirt order form I need to make the size of the Product image similar to what is shown in the images below the product element.

    I found CSS to increase the width but what should the code be to increase the height?


  • Aravir JotForm Support
    Replied on April 29, 2024 at 3:25 PM

    Hi Pam,

    Thanks for reaching out to Jotform Support. You can inject the custom CSS code below to increase the height of your product image. You can change the value of height to your preference:

    .form-product-image-with-options {
     width: 300px !important;
     height: 200px !important;
    }

    Here's how to inject the CSS code:

    1. In Form Builder, click the Paint Roller icon on the upper left side.
    2. Under the Styles tab, paste the CSS code in the Inject Custom CSS box.

    Product List: How to increase the size of product image? Image 1 Screenshot 20

    Let us know if you need any more help.

  • secretarybusa
    Replied on April 29, 2024 at 7:25 PM

    Worked great, thanks.

 
Your Answer