What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can I remove "USD" because it looks very redundant on our 9 Items form?

    Asked by Living_Stewardship on August 04, 2015 at 03:50 PM
    USD items
  • Profile Image
    JotForm Support

    Answered by Welvin on August 04, 2015 at 05:17 PM

    It's a complicated way since there's no selector for both the "USD" and the "$" sign. I will try to come up with the CSS and let you know.

    The easiest way would be to get the source codes of the form: http://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form and then manually remove these elements then embed the form using the modified source codes.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on August 04, 2015 at 05:29 PM

    Or, simply remove the entire product details (pricing and currency) then add it back in the Product Item Name. For example:

    From: 

    1 “Catch the Joy” Stewardship Packet, pg 1. Follow-up Packets, pg 5 included

    To:

    1. “Catch the Joy” Stewardship Packet, pg 1. Follow-up Packets, pg 5 included ($ 2.95).

     

    To remove the product details, just simply inject this custom CSS codes to your form:

    span.form-product-details {

        display: none;

    }

    Here's how to inject a custom CSS: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    The only downside of this is that you will get the pricing in the email twice. In the product name and the original hidden price.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on August 04, 2015 at 05:43 PM

    Here is the CSS method.

    Get the CSS codes here: http://pastiebin.com/55c130dd93f47 and paste it to your form's CSS area. 

    This method is by using before/after CSS selector. As you could see it, I set the product price visibility to hidden and add it back using the CSS selector.

    So in this case and if you need to change the price, just do it in the product configuration then also change it in the CSS codes. It's ordered from top to bottom item.

    Let us know if you have any questions.

    Thanks