Hiding prices when using products and open donation

  • Profile Image
    Asked on February 10, 2021 at 11:19 AM

    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:

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


  • Profile Image
    Answered on February 10, 2021 at 02:28 PM


    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.

  • Profile Image
    Answered on February 10, 2021 at 02:34 PM

    Yes, it worked. Thank you very much!