-
LLLHHIAsked on December 21, 2016 at 6:41 PMPage URL: https://form.jotform.com/63537188518971
-
IanReplied 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;
}
Hope this helps.
-
LLLHHIReplied on December 22, 2016 at 10:45 AMThat 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.
... -
IanReplied 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.
-
LLLHHIReplied on December 22, 2016 at 11:46 AMThat worked. Thanks!
...