Hiding prices when using products and open donation

Hi, I am trying to create a form with set donation amount options and an open donation field. I have used the instructions here https://www.jotform.com/answers/1162632-How-can-I-sell-products-and-ask-for-donations-on-a-single-form many times and it has worked. This time, however, I am having an issue.

When the product list layout is set to "single column" the CSS does what it is meant to and removes the prices other than in the product name. But, I want the product layout set to three columns and when I do that, it shows correctly in the form builder, but the actual form still shows the prices below. Is there a different piece of CSS we should use to make this work in the three column layout?

In the form builder it looks correct:

But in the live form, the prices are showing where the CSS should have hidden them:

Greetings.

Instead of the CSS you are currently using, please try the following one:

.form-product-details {

  display: none !important;

}

Let us know if this resolved your problem.

Yes, it worked. Thank you very much!