I'm trying to insert a '$' before a field.

I'm trying to insert a '$' before a field. Whatever I try seems like it doesn't work.

In this form: https://www.jotform.com/211108961559156

I tried the following, none of it worked:

.totalDue:before{

content:"$";

}

.q171_totalDue:before{

content:"$";

}

#input_171:before{

content:"$";

}

.q171_totalDue:before{

content:"$";

}

If this is what you are trying to accomplish,

please try injecting the custom CSS codes below into your form.

div#cid_171:before {

    content: "$";

}

Feel free to let us know if you need any further assistance.

Is there any way for me to put the $ sign inside of the "Total due" box, before the number?

Hello,

If I understood your request correctly - you may add a dollar sign in the calculation field before the calculation:

Result:

Related guide: 👉 How to Perform Form Calculation Using a Widget

Thanks,

Alex

Thank you. how would I do that for the Stripe integration?

It would also be nice if I can remove the "USD" at the end.

Hello!

1. You can't put a $ sign in the Stripe payment field as this is not supported.

2. We can remove USD by using the following CSS code:

#cid_194 > div > div.product-container-wrapper > span > span{

 display: none;

}

Please use these instructions to insert this code into your form. Make sure to place this at the end of your existing CSS code.

Thank you!

Hello Charles! I'll reply to your query here: https://www.jotform.com/answers/3163682

Thank you!