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

  • Profile Image
    Traceysm
    Asked on May 18, 2017 at 09: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?

  • Profile Image
    BDAVID
    Answered on May 18, 2017 at 09:54 PM

    You need to click on the source button, example:

    Let us know if you need more help.

  • Profile Image
    Traceysm
    Answered 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?

     

  • Profile Image
    Nik_C
    Answered on May 19, 2017 at 02:01 AM

    Here is how to remove the existing image:

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

    2) And remove this URL:

    If you have any further questions please let us know.

    Thank you!

  • Profile Image
    Traceysm
    Answered on May 21, 2017 at 06: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

  • Profile Image
    Jan
    Answered on May 21, 2017 at 06: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:

    Hope that helps. Thank you.

  • Profile Image
    Traceysm
    Answered on May 21, 2017 at 07: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?

  • Profile Image
    Jan
    Answered on May 21, 2017 at 07: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.