How can I change the default format of the PayPal integration total field?

  • dlsnelson
    Asked on October 24, 2020 at 12:15 PM

    I would like the two output boxes to be the same size. Also, I would like a "$" to be included in the PayPal or Credit Card Total box. Can someone help me with the formatting?

    1603556076 5f9452ecb49d3 Screenshot 10

    Page URL: https://form.jotform.com/202476741162150
  • Simon_L
    Replied on October 24, 2020 at 2:45 PM

    Hello,

    1) Two output boxes of the same size

    Kindly inject those lines of custom CSS into your form, it should fix your issue:

    #input_127_donation {
    
  width : 6.25em;
    
}
    

    
#input_183 {
    
  width : 6.25em;
    
}


    2) Include a "$" in the total box

    I have cloned your form and performed some adjustments to it. I invite you to test my demo form by clicking here. Here is how it looks like:

    1603564642 5f947462d88f1 Screenshot 10

    A few tweaks are required to achieve this result,:

    2.1) Delete all logical conditions;
    2.2) Remove all duplicate total boxes;
    2.3) Create a new total box (Form Calculation widget) and set it up accordingly;
    2.3) Add two CSS rules.

    #input_178 {
    
 width: 6.25em;
    
}
    

    
#id_127 {
    
 display: none;
    
}


    I invite you to clone my demo. You will have to recreate email notifications and PayPal integration, but you will not have to build the payment section from scratch.

    Let us know if that helps!

    Thank you,

    Simon

    Related Guides: