Submit button and payment total formatting issues on form.

  • BackdropCity
    Asked on November 10, 2016 at 9:27 PM

    2. My Total field(paypal payment) is too small and it doesnt show $ signs. 

    3. My Submit button at the bottom is all weird.  I cant make the text fit properly and I want it to be in the center of the page but it keeps going back to the side.  

  • Mike
    Replied on November 10, 2016 at 10:24 PM

    We cannot add the dollar sign to the PayPal input, but we can increase the field size. You may try adding the next CSS via form designer to achieve this.

    /* PayPal field size*/
    [data-type=control_paypal] {
        font-size : 1.5em;
    }
    [data-type=control_paypal] input {
        min-width : 100px;
    }

    To fix the submit button, please use the next CSS.

    /* Submit button size and centering*/
    .form-all .form-submit-button {
        height : 60px;
        width : 180px;
        display : inherit;
        margin : 0 auto;
        margin-top : 20px;
        margin-bottom : 20px;
        padding : 0 !important;
    }

    Submit button and payment total formatting issues on form Screenshot 30

    Result:

    Submit button and payment total formatting issues on form Screenshot 41

    Thank you.

  • BackdropCity
    Replied on November 10, 2016 at 10:38 PM

    thanks for your help!  is there any way to remove the black border from the submit button?  I thought maybe it was a theme issue because on the previous theme none of that was visible.

  • Chriistian Jotform Support
    Replied on November 10, 2016 at 11:13 PM

    You can inject the custom CSS code below to remove the black border from the submit button.

    [data-type="control_button"] {

        background: transparent;

    }

    Here's how it should look after:

    Submit button and payment total formatting issues on form Screenshot 20

    If you need further assistance, please let us know.
    Regards.