Jotform Payments Feedback : Custom CSS Code for Product Prices

  • Profile Image
    James_Parks
    Asked on January 04, 2021 at 05:12 PM

    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?


  • Profile Image
    claire
    Answered on January 05, 2021 at 01:39 AM

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

    1609828487_5ff4088776e9c_

    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.

  • Profile Image
    James_Parks
    Answered on January 19, 2021 at 11:33 AM
    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
    ...
  • Profile Image
    Eduardo_H
    Answered on January 19, 2021 at 01:50 PM

    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.