How to add a padding top to that Thank You message?

  • melodicsounds
    Asked on September 12, 2016 at 9:10 PM
    How to add a padding top to that Thank You message?
  • Chriistian Jotform Support
    Replied on September 13, 2016 at 12:28 AM

    It looks like your forms are redirecting to a custom Thank You page instead of the default Thank You message. This means after your form is submitted, the user will be redirected to the custom page as seen below. You will not need to add a padding top css to this page.

     How to add a padding top to that Thank You message? Image 1 Screenshot 30

    However, if you choose to use the default Thank You page instead of your current custom page, then you can inject the custom CSS code below to your form to achieve your requirement.

    div#stage {

        padding-top: 1100px;

    }

    After doing so, the default Thank You page will then be seen at the bottom of the iFrame.

     How to add a padding top to that Thank You message? Image 2 Screenshot 41

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

  • melodicsounds
    Replied on September 13, 2016 at 5:47 PM

    I meant in other form. See here: http://www.medly.mx/basico-primeros-pasos please fill in the form and see how the Thank You message appears on top of the page so you are user see a white page a need to scorll up to see the Thank You.

     

    https://form.jotform.com/62555329075965

  • Mike
    Replied on September 13, 2016 at 8:10 PM

    Please do a test by replacing the form embedding code with an iFrame version to see if that helps with the Thank You page scrolling.

    Getting the form iFrame code

    Thank you.

  • melodicsounds
    Replied on September 19, 2016 at 8:23 PM

    So I've added the IFRAM and the Thank You message still appears on top of the page not where the last scroll of the user (near the Send button) should appear. 

  • melodicsounds
    Replied on September 19, 2016 at 8:27 PM

    Note: my website is made with WIX.

  • Chriistian Jotform Support
    Replied on September 19, 2016 at 9:58 PM

    I sent a test submission to your form and I was able to see the issue you were referring to. To resolve this, please inject the custom CSS below to your form. This should make the Thank You page appear on the last scroll of the user.

    div#stage {

        padding-top: 750px;

    }

     How to add a padding top to that Thank You message? Image 1 Screenshot 20

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

  • melodicsounds
    Replied on October 6, 2016 at 8:23 PM

    This worked fine! can you give me the exact px for this following forms too please? they are the same but with more fields.

     

    https://form.jotform.com/62555497487978

     

    and

     

    https://form.jotform.com/62555316206957

  • Chriistian Jotform Support
    Replied on October 6, 2016 at 9:53 PM

    The two forms appear to be similar, so you can inject the custom CSS code below into both forms to increase the padding of their Thank You pages:

    div#stage {

        padding-top: 1200px;

    }

     How to add a padding top to that Thank You message? Image 1 Screenshot 20

    Please let us know if you need further assistance.
    Regards.