How can I make the donation field larger?

  • Profile Image
    LHWL
    Asked on August 01, 2019 at 03:20 PM

    After calculating the dollar amount plus the processing fee on my form, the end-user cannot see the second decimal place listed in the Donation Total amount field (PayPal Standard integration field) because the field size is too small.

    For example, if the total donation amount is $5115.30, you can only see:  5115.3

    Help!

    Screenshot
  • Profile Image
    jherwin
    Answered on August 01, 2019 at 04:27 PM

    You can use the custom CSS code below to expand the width of your total donation field

    input#input_15_donation {
        width: 70px!important;
    }

    You can change the 70px to your preference.

    Guide: How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.

  • Profile Image
    LHWL
    Answered on August 01, 2019 at 04:53 PM

    It worked!  Thank you!


    Any way I could add a "$" to the beginning of the field?

  • Profile Image
    jherwin
    Answered on August 01, 2019 at 06:17 PM

    I injected the custom CSS code below to your form:

    @import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css);
    div#cid_15:before {
    font-family: FontAwesome;
    content: "\f155";
    position: absolute;
    height: 100%;
    width: 18px;
    line-height: 25px;
    text-align: center;
    font-size: 15px;
    }
    input#input_15_donation {
    width: 70px!important;
    padding-left: 15px;
    }

    Kindly check the form in publish/live mode and see if that meets your need.