Jotform Payments Feedback : Custom CSS Code for Product Prices

How do you feel about your experience with Payment integrations?

4

What could we do better to improve your experience?

Is there a way to change "free" to "included" in the product list?

When I checked your form, I noticed that you are already set your products price to free.

If you want to remove these free texts from your form, I recommend you to inject Custom CSS code. Please inject the following CSS in your form to hide the "FREE" text by following the user guide link below;

#input_3_1002_price, #input_3_1003_price, #input_3_1004_price, #input_3_1005_price, #input_3_1006_price, #input_3_1007_price, #input_3_1008_price, #input_3_1009_price, #input_3_1010_price, #input_3_1011_price, #input_3_1012_price, #input_3_1013_price, #input_3_1014_price, #input_3_1015_price, #input_3_1016_price {

Display: none;

}

Related guide: How to Inject Custom CSS Codes

Please give it a try and let us know if you require any further assistance.

Followed the instructions but it only eliminated the first row as free.
Second question. If an item is not free will it show the price?

James Parks
Head of Marketing
www.actonadu.com
o: (408) 369-1103 m: (408) 828-3829
Creating homes for 30 years. Lic. #638333
...

Hello James

Kindly replace the Custom CSS code with:

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

This will have effect in all products.

As for your second question, the answer is yes, this code will hide all price indicators, regardless of being free or not.

However, if you have created paid items, just indicate which are them and we can generate extra lines of CSS code to get their prices displayed.

Let us know if we can assist you further.