Height of products

Hi, I want to change the hight of product area in my form, it seems to change well when i change the css to: 

.form-product-item.hover-product-item {height: 320px!important;overflow-y: scroll;overflow-x: hidden;}#cid_1 img.form-product-image-with-options {height: auto!important;},

but when I preview its no change? I want to cnhage the hight because it will prevent most of the boxes to have to scroll, but I will keep the scroll thats fine because some of the products are high.

Is this possible?

And as well I want all of the product text to come under the picture, not on the left side.

Do you want that your form looks like this?

I have cloned your form and inspected CSS code that you added and I found some errors inside of your code. You need to fix that code.

You can also clone my form https://form.jotform.com/61325245176958 

Hope this will help. Let us know if you need further assistance. 

ok, thnx I think I have made the right changes now.

I've been told not to make changes in the designer mode but in the preferences, and Inject css. But actually now the hight is ok, so I don't know what went wrong,

but the text I would very much like to go underneath the picture not on the left side ..

I have moved your other question to separate thread and we will provide you an answer there shortly. 

https://www.jotform.com/answers/837897