Remove Free, Subtotal, Tax and Total Texts Using CSS Codes

Hello, Id like to remove the "FREE" badge that comes up when I set price to zero, and would like the subtotal/ total at the bottom to also be removed-- Ive found resources on your site explaining how with css; but the code doesnt appear to work.... Please advise.

Hi cured_admin,

Thanks for reaching out to Jotform Support. You can hide or remove the word free and subtotal in your product list field by injecting custom CSS codes into your form. Let me show you how to do it with the cloned version of your form:

1. First, copy this code:

span[id*="_price"] {

display: none!important;

}

div.form-payment-subtotal {

 display: none !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Here's the result after injecting the custom CSS codes:

Give it a try and let us know how it goes.

Thank you! Seems to work-- how about now the tax and total at the bottom?

figured it out thanks: span[id*="_price"] {

display: none!important;

}

div.form-payment-subtotal

{

 display: none !important;

}

div.form-payment-total

{

 display: none !important;

}

div.form-payment-tax

{

 display: none !important;

}

Hi cured_admin,

To remove the Total and Tax texts, you can add the custom CSS codes below:

.form-payment-tax,

.form-payment-total {

  display: none !important;

}

Here's the result:

Give it a try and let us know how it goes.