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

    How Do I Remove or Hide the Currency Name ('USD' for Example) from the Prices and Total in Payment Fields?

    Asked by ChuckPounds on December 23, 2015 at 10:16 AM

    Added CSS code to put white boxes to cover up USD...it worked on most of them, but didn't work on some. Is it possible to just take USD using CSS because I haven't found a way of doing that.

    Screenshot
    USD how css code remove currency name hide currency name payment fields hide USD remove USD
  • Profile Image
    JotForm Support

    Answered by abajan on December 23, 2015 at 11:19 AM

    Let me work on this and get back to you as soon as I can.

    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on December 23, 2015 at 04:12 PM

    Hi again,

    Please substitute the following for your current code:

    .form-product-details:after {
       content : "";
       position : absolute;
       width : 40px;
       height : 20px;
       margin-left : -40px;
       background-color : #FFF;
    }

    Do inform us if you need further assistance.

    Cheers

  • Profile Image
    JotForm Support

    Answered by abajan on December 23, 2015 at 04:23 PM

    If you wish to hide the USD after the total too, use the following code instead:

    .form-product-details:after,
    .form-payment-total:after {
       content : "";
       position : absolute;
       width : 40px;
       height : 20px;
       margin-left : -40px;
       background-color : #FFF;
    }

    Thanks