How do I suppress the word "free" from showing up when the product is not selected?

I built a form, and one of the product options has price changes depending on quantities. I learned how to edit the CSS to suppress the word "free" from showing as the price (before the quantity was selected) but I am now using the product form, with categories, and I can't figure out how to script into CSS which line I want suppressed.

It's in the first option in the fourth category (the category is Regular Edition Masks) - a total of 11 items but one item appears in all the categories.

I used

.form-product-item:nth-of-type(4) .form-product-details {

  display : none;

when it was the fourth item down, but I can't figure out how to re-word the code.

Hello,

Thank you for reaching out.

Could you try with that code:

#input_3_1006_price {

  display: none;

}

Please let us know how it went.

Should you have any further inquiries, please don't hesitate to reply to this thread.

Gaetan

Hi, thanks.

I just tried that and the effect was that instead of "Free" in that spot, it just had a $ and nothing more.

And then when I select the quantity, instead of populating with the right price (like it did before) it remained a $ only.

In order not to display the product as FREE, you need to set a price. You can place the pricing for one item so that it is not displayed as free.
Disable special pricing and then enter a price, that will remove the FREE texts on the product. Changing the FREE texts using CSS code will not do, it can be changed, but the label is fixed and the correct price will not be displayed.

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

I would have never figured that out; thanks!

What I did was disable special pricing; put in $15. Then I enabled special pricing again - right?

Anyhow, it is working again! Thank you!