How to edit the source code of the Thank You page?

  • Traceysm
    Asked on May 18, 2017 at 9:37 PM

    Hi, I don't seem to be able to access the above source code to change it.

    I'd like to remove the image from the background of my Thank you page but am unsure of how to do so?

    How to edit the source code of the Thank You page? Image 1 Screenshot 20

  • David JotForm Support Manager
    Replied on May 18, 2017 at 9:54 PM

    You need to click on the source button, example:

    How to edit the source code of the Thank You page? Image 1 Screenshot 20

    Let us know if you need more help.

  • Traceysm
    Replied on May 18, 2017 at 10:17 PM

    Thank you for the quick response.

    I tried adding in <div style="background: url(http://yourimageURL.com) no-repeat center center fixed;"> 

    to see what would happen (using my own url) and all it did was add another image to the background as per the screen shot below. What is the code I need to use to remove all of the images from the Thank you page?

    How to edit the source code of the Thank You page? Image 1 Screenshot 20

     

  • Nik_C
    Replied on May 19, 2017 at 2:01 AM

    Here is how to remove the existing image:

    1) While you're in email editor click edit source code button:

    How to edit the source code of the Thank You page? Image 1 Screenshot 30

    2) And remove this URL:

    How to edit the source code of the Thank You page? Image 2 Screenshot 41

    If you have any further questions please let us know.

    Thank you!

  • Traceysm
    Replied on May 21, 2017 at 6:07 PM

    That solution removes the wrong image.  I do not wish to remove the thank you tick.  I need to remove the "Going Somewhere?" image in the background. 

    How do I remove it from the Thank you page only? If I can't remove it, I need to at least stop it from displaying as a tile appearance.

     

    Thanks

  • Jan
    Replied on May 21, 2017 at 6:40 PM

    I believe this is the form (https://www.jotform.co/form/71367912921863) you're referring to.

    Please try to inject this CSS code to remove the background image of the Thank You page:

    .thankyou {
    background-image: none !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    How to edit the source code of the Thank You page? Image 1 Screenshot 20

    Hope that helps. Thank you.

  • Traceysm
    Replied on May 21, 2017 at 7:04 PM

    Thank you for the quick response.

    I dont know what I'm doing wrong but when I try to add the code it comes up with a warning triangle and doesn't work.

    What am I doing wrong?How to edit the source code of the Thank You page? Image 1 Screenshot 20

  • Jan
    Replied on May 21, 2017 at 7:35 PM

    You can ignore the yellow triangle in the CSS. This happens if you use the rule "!important" in the CSS code.

    Please take note that you need to do an actual submission to see the result. The CSS code I provided will overwrite the existing or embedded style in the Thank You page. It means that the code will only activate outside the form builder.

    Thank you.