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

  • Profile Image
    Asked 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 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.