How do I reduce the size of the background image on the Thank You Page?

  • sc837
    Asked on May 28, 2019 at 9:31 AM
  • Richie JotForm Support
    Replied on May 28, 2019 at 11:35 AM

    Can you please try this HTML code for your Thank you page:

    <div style="background: url(https://cdn.jotfor.ms/img/check-icon.png) no-repeat center center fixed;">
    <h1 style="text-align: center;">Thank You!</h1>
    <p style="text-align: center;">Your submission has been eceived.</p>
    </div>

    And use add this custom CSS

    .thankyou{
    background-size: cover !important;
    }

    Please give it a try and let us know if this fits your requirements.

  • sc837
    Replied on May 28, 2019 at 11:52 AM

    Hi Richie, thanks for getting back to me. Unfortunately, it still doesn't work. Is it possible to just remove the background picture altogether?

  • David JotForm Support Manager
    Replied on May 28, 2019 at 1:09 PM

    Yes, you can remove the background picture, please follow this example:

    1559063282removebackground Screenshot 10

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

  • David JotForm Support Manager
    Replied on May 28, 2019 at 1:16 PM

    Please disregard my previous response, you are referring to the background in the Thank You page. To remove the background image on the Thank You page, please inject this CSS code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    body.thankyou{

    background: none !important;

    }