What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Remove and replace background image on thank you message

    Asked by Straps_01 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

    Page URL:
    https://form.jotform.com/60254596799271

    thank you page thank you background background image
  • Profile Image

    Answered by victor 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

    Answered by Straps_01 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

    Answered by Straps_01 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
    JotForm Support

    Answered by EltonCris 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

    Answered by Straps_01 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
    JotForm Support

    Answered by Kevin_G 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

    Answered by Straps_01 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

    Answered by Ben 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

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

    Answered by Kevin_G 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.