I have added Square Payment to my order form.

I have added Square Payment to my order form. It shows the total amount of the calculated order in the window with USD at the far right side. I would like to add a dollar sign in front of the number that get calculated in there, along with a comma for any amount over $1,000 and a decimal point before any change. Is there a way to edit the css code? (ps I am a total newb when it comes to coding)

Unfortunately, it is not possible to have a thousand separator on the payment field.

Meanwhile, to add a dollar sign, please add the CSS below:

.donation_currency:before { content: '$'; position: absolute; left: -590px; }

Guide: How-to-Inject-Custom-CSS-Codes