Enlarge the Amount Box Size in Paypal Widget

  • Eyebar
    Asked on March 10, 2017 at 11:26 AM

    How can I enlarge the amount box in the Paypal Widget?

    I have a calculation box which passes the total to the Paypal box, but the box only allows about 5 digits showing, and any more are hidden on the right. If I have in there eg. 1549.58, the last 2 digits are hidden.

     

    This is how big the box is, and no option to enlarge.

    Enlarge the Amount Box Size in Paypal Widget Image 1 Screenshot 20

     

    OR.....How can I hide this Paypal Widget? Because I could use my Calculation box to show the total instead. It can be enlarged.

     

    Ian

  • Jan
    Replied on March 10, 2017 at 2:59 PM

    I was able to replicate the issue. As of right now, the width of that field is set to 46px. Please try inserting this CSS code in order to increase the width of that field:

    #input_111_donation {
    width: 66px !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    Enlarge the Amount Box Size in Paypal Widget Image 1 Screenshot 20

    Hope that helps. Thank you.

  • Eyebar
    Replied on March 10, 2017 at 3:24 PM

    Thanks, it did the trick.

     

    Another Question:

    What is the CSS code to add a $ sign at the start of the number in the box?

     

    Ian

  • Jan
    Replied on March 10, 2017 at 4:53 PM

    Glad to hear that.

    I need to create a separate thread for your next question. Please wait for our reply on this thread: https://www.jotform.com/answers/1088565.

    Thank you.