How do I put the 'print' button above the Paypal Payment option?

  • Profile Image
    jlmerriner
    Asked on October 03, 2019 at 02:02 PM

    I want to have the user print their forms before paying & submitting. However, when I add the Paypal option, it automatically appears above the 'print button'. How do I fix this?

    Form URL:

    https://form.jotform.com/92675608858172

  • Profile Image
    Kevin_G
    Answered on October 03, 2019 at 02:51 PM

    Kindly try injecting this CSS code to your form: 

    .form-submit-print{

    margin-top: -60%;

    }

    .paypal-submit-button-wrapper {

        margin-top: 10%;

    }

    This guide will help you injecting the code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps. 

  • Profile Image
    jlmerriner
    Answered on October 03, 2019 at 03:13 PM

    Kevin, thanks for your answer. The CSS is working in the desktop and tablet view. Is there additional CCS to position the button for 'phone' view? 

  • Profile Image
    Richie_P
    Answered on October 03, 2019 at 03:44 PM

    I have checked your form and it seems to be mobile responsive already.

    If you need further assistance, let us know.


  • Profile Image
    jlmerriner
    Answered on October 03, 2019 at 03:52 PM

    Hi Richie, yes the form is responsive, but I added CSS to position the 'print' button above the Paypal Payment options. It's working on the desktop and tablet views, but on the mobile view, the button is below the payment options. Not sure if there's additional CSS I need to use to position the button in the mobile view.

  • Profile Image
    Richie_P
    Answered on October 03, 2019 at 04:11 PM

    Thank you for explaining further.

    You may use this custom CSS to move the print button above your Products.

    @media screen and (max-width: 480px) {

    #input_print_18{

        display: block;
        margin-top: -440px !important;
        position: absolute;

    }
    }


  • Profile Image
    jlmerriner
    Answered on October 03, 2019 at 04:20 PM

    That worked perfectly. Thanks!