Remove background image repeat on "Thank You" page

  • rduong
    Asked on December 10, 2015 at 3:22 AM

    Hi,

    How can I fixed the background of the "thank you" page (the page of the submission) ? Because the picture repeats, and I want one picture.

    Thank you to check my request.

    Jotform Thread 722059 Screenshot
  • Charlie
    Replied on December 10, 2015 at 4:12 AM

    You could try using this custom CSS code:

    /** background image on live preview */

    .supernova {

        height: 100%;

        background-repeat: no-repeat !important;

        background-image: url(https://www.jotform.com/uploads/rduong/form_files/berge.jpg);

        background-position: center;

        background-attachment: fixed;

    }

     

    /** background image on thank you page */

    body {

        height: 100%;

        background-repeat: no-repeat !important;

        background-image: url(https://www.jotform.com/uploads/rduong/form_files/berge.jpg);

        background-position: center;

        background-attachment: fixed;

    }

     

    The position and the dimension of the background image will still depend on the width of it's parent element. You can place that image under the CSS tab in your Form Designer Tool.

    Remove background image repeat on Thank You page Image 1 Screenshot 30

     

    You can check how it looks like in this cloned form: https://form.jotform.com/53431439928967?.

    Make sure to remove the background image in this part:

    Remove background image repeat on Thank You page Image 2 Screenshot 41

     

    Let us know if that works.

  • rduong
    Replied on December 10, 2015 at 4:18 AM

    It works ! thank you very much for your fast answer !

  • mert JotForm UI Developer
    Replied on December 10, 2015 at 4:23 AM

    On behalf of my colleague Charlie, you are kindly welcome. If you need further assistance in the future, please don't hesitate to contact us.

     

    Thanks.