How to hide the product prices?

  • Daniel
    Asked on April 16, 2024 at 3:20 AM

    In the attached form link the prices are displayed for each service, is there a way to hide the price so that the price gets displayed only on the total?



  • Raymond JotForm Support
    Replied on April 16, 2024 at 6:28 AM

    Hi Daniel,

    Thanks for reaching out to Jotform Support. Removing the item prices in the Product List is easy. Let's do it:

    • Open your form in Form Builder, and on the right side of the page, click on the Paint Roller icon to open Form Designer.
    • In the menu on the right side of the page, click on Styles.
    • Under Inject Custom CSS, copy and paste the code below. That's it. You’re done.
    /* hide product prices - 13924701*/

    .form-product-details {
    display: none !important;
    }

    /* Ends here */

     

    How to hide the product prices? Image 1 Screenshot 20

    Now, all the pricing information will be removed. We also have a guide on How to Inject Custom CSS Codes that you can check out.

    Let us know if there’s anything else we can help you with.

 
Your Answer