I have a $0 product. I want to change the wording on the form to "No Charge" instead of "$ Free". Can you help me out?

  • LLLHHI
    Asked on December 21, 2016 at 6:41 PM

    Here is the link to the form in question: https://form.jotform.com/63537188518971

     

    Thanks!

  • Ian
    Replied on December 21, 2016 at 8:09 PM

    You need to add the following code in the INJECT CSS section to achieve the same

     

    .form-product-details b

    {font-size: 0;}

    .form-product-details b #input_99_1003_price:after{

    content:"No Charge";

    font-size: 11px;

    }

    .form-product-details b #input_99_1001_price{

    font-size: 11px;

    }

    .form-product-details b #input_99_1002_price{

    font-size: 11px;

    }

     

    I have a $0 product Screenshot 20

     

    Hope this helps.

     

  • LLLHHI
    Replied on December 22, 2016 at 10:45 AM
    That changed my $0 product to "No Charge”; however, now the $ signs on my other products are missing. Can I have the two products with value have a $ sign but not on the 0 value product? Thanks.
    ...
  • Ian
    Replied on December 22, 2016 at 11:01 AM

    Sorry about that, I failed to notice that earler.

    There can be a workaround for that, but every time you change price, you have to make changes in CSS too. If you are ok with that please replace :

    .form-product-details b #input_99_1001_price{

    font-size: 11px;

    }

    .form-product-details b #input_99_1002_price{

    font-size: 11px;

    }

    with

    .form-product-details b #input_99_1001_price::before{

    content:"$40.00";    

    font-size : 11px;

    }

     

    .form-product-details b #input_99_1002_price::before {

    content:"$45.00";    

        font-size : 11px;

    }

    Hope this helps.

  • LLLHHI
    Replied on December 22, 2016 at 11:46 AM
    That worked. Thanks!
    ...