Hide the price of the product using CSS code

  • midlantic
    Asked on April 18, 2024 at 4:26 PM
    Additionally, I'd like to know if it's possible to hide prices or have a non numeric value, since the prices aren't to be calculated on this form but rather quoted after submission.
  • Joeni JotForm Support
    Replied on April 18, 2024 at 4:38 PM

    Hi midlantic,

    Thanks for reaching out to Jotform Support. I understand that you would like to hide the Price or the Free label of the product. You can use Custom CSS code to hide it. Let me show you how:

    1. In Form Builder, click the Paint Roller icon in the upper right corner.
    2. Under Form Designer, click the Style tab.
    3. Scroll down and add this CSS Code in the Inject Custom CSS box.
    #input_7_1000_price, #input_7_1001_price,
    #input_7_1002_price, #input_7_1003_price, 
    #input_7_1004_price, #input_7_1005_price, 
    #input_7_1006_price, #input_7_1007_price, 
    #input_7_1008_price, #input_7_1009_price, 
    #input_7_1010_price, #input_7_1011_price, 
    #input_7_1012_price, #input_7_1013_price, 
    #input_7_1014_price, #input_69_1004_price {

     visibility: hidden !important;
    }


    Hide the price of the product using CSS code Image 1 Screenshot 20

    Give it a try and let us know how it goes.

  • midlantic
    Replied on April 19, 2024 at 11:35 AM

    Perfect. Thank you!!

 
Your Answer