How to make the amount due field of a payment tool wider?

can the payment box be made wider sometimes the full amount cannot be seen

In order to widen the amount field of your payment form, you can simply add the following CSS code to your form:

input[id*="_donation"] { width: auto; }

You can add CSS code by opening your form in the Designer:

Once in the Designer, please switch to the CSS tab and paste the code to the bottom of the textbox, as depicted in the following image:

Upon saving the form, your custom amount will be noticeably wider than its default 46px:

In the CSS code, if you wanted to set a specific width, you can replace "auto" with a specific width you wanted to use, such as "100px":

input[id*="_donation"] { width: 100px; }

Please let us know if you run into any problems while setting it up, or if you need further clarifications with this, and we will be happy to help.