How can I make my product images thumbnail larger?

I changed the CSS code to this:

.form-product-image-with-options {

  height : 300px;

  width : 200px;

}

and in edit mode the images look great. This is the size I want:

However, when I change to Preview mode, the images are tiny again:

How can I fix this so that the images are the larger size in preview mode?

Hi inspirefamilyacademy,

Thanks for reaching out to Jotform Support. I understand that you want to increase the image size for your products in Product List element. It's really easy to do, you just need to Inject the CSS Code below, let me show you how to do that:

1. Copy the CSS Code below.

.form-product-image-with-options {

 height: 400px !important;

 width: 200px !important;

}

 2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

That's it. Give it a try and let us how it goes.

It worked. Thanks a lot