What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

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

    Asked by akt1 on January 31, 2016 at 04:16 AM
    can the payment box be made wider sometimes the full amount cannot be seen
  • Profile Image

    Answered by Boris on January 31, 2016 at 04:38 AM

    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.