Remove and replace background image on thank you message

  • Profile Image
    Straps_01
    Asked on January 26, 2016 at 04:53 PM

    Dear Jot Form team, 

    The background image use for a contact form is appearing as an image on the thank you message.

    I'd like for this image not to appear on the thank you message. And replace it by another small image (like a small solid rectangular) to appear as background on which the thank you note will appear. 

    How can I do this? 

    Thank you

    Kind regards

    Norm

  • Profile Image
    victor
    Answered on January 26, 2016 at 10:59 PM

    By adjusting the HTML code in the thank you page you can create a white rectangle  on the text area

    <div style="text-align: center; background-color: white;">

    Please let us know if this helps.

     

  • Profile Image
    Straps_01
    Answered on February 02, 2016 at 07:39 PM

    Dear Jot Form support team. 

    Thank you vey much for the reply / support on this item. 

    Cheers, 

    Norm

  • Profile Image
    Straps_01
    Answered on February 02, 2016 at 07:48 PM

    Hi again, 

    My previous replied left by accident without being finished. 

    The answer provided allows to add a background colour which is what we need. As well, we would like for the background image on the thank you note to completely disappear and only appear on the form when to user sees and completes the form. 

     

    How can we do this? 

    Thanks

    Norm

  • Profile Image
    EltonCris
    Answered on February 03, 2016 at 02:55 AM

    Inject this CSS codes to your form. This will remove the background image on the thank you page.

    body.thankyou {

        background: none;

    }

    .thankyou .form-all {

        box-shadow: none;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste it at the bottom part)

    As a result:

  • Profile Image
    Straps_01
    Answered on February 03, 2016 at 02:39 PM

    Thank you Elton. Yes this is exactly what we want. Will give it a try. Great support Jot Form team. 

    Cheers, 

    Norm

  • Profile Image
    Kevin_G
    Answered on February 03, 2016 at 05:16 PM

    On behalf of my colleague Elton, you're welcome.

    Great to know it worked as you need, feel free to contact us anytime if you need more help, we will be glad to assist you.

  • Profile Image
    Straps_01
    Answered on February 04, 2016 at 06:45 AM
    Dear Jot Form team,
    The answer you gave us with the result example is exactly what we want. We replied to this effect yesterday. However in today in following your instructions we are not getting the same result you are getting. I See attached a screen of the CSS injected in the form. What are we doing wrong?
    URL of form we're testing CSS insertion: https://www.jotform.com/?formID=60342469744258
    Thanks
    Norm

    ...
  • Profile Image
    Ben
    Answered on February 04, 2016 at 10:26 AM

    I took a look at the following form Norm: http://www.jotform.ca/form/60342469744258

    After submitting it I see the white page with blue text - no image.

    Now, since I see that you had mentioned another form at the start of the thread: https://form.jotform.com/60254596799271 I have tried to submit the same, and I see that it does not have the image removed, so the issue here seems to be that the CSS was not added to the original form.

    To do that, just add the same code to your form as what my colleague Elton mentioned above:

    body.thankyou {
        background: none;
    }
    .thankyou .form-all {
        box-shadow: none;
    }

    You should use the same steps as before: Inject Custom CSS Codes

  • Profile Image
    Straps_01
    Answered on February 04, 2016 at 02:46 PM
    Done! All good. Thanks a lot. Cheers!
    ...
  • Profile Image
    Kevin_G
    Answered on February 04, 2016 at 03:55 PM

    On behalf of my colleagues, you're welcome.

    Do let us know if you need more help, we will be glad to assist you.