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

  • Profile Image
    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_

  • Profile Image
    Simon_L
    Answered on October 24, 2020 at 02: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_

    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: