How can I remove the grey box around the thank you message?

  • crystaloftruth
    Asked on May 19, 2016 at 11:16 PM

    The main contact form has a plain white background. When the form is submitted and the thank you message shows there is a grey box which surrounds the message. How can I turn that white (or transparent)?

    Jotform Thread 843181 Screenshot
  • Kiran Support Team Lead
    Replied on May 20, 2016 at 12:03 AM

    The background color of the Thank you page is inherited from the background of the form. You may change this color to white, by injecting the following CSS code:

    body.thankyou {

        background-color: #fff;

    }

    body.thankyou > div#stage {

        box-shadow: none;

    }

    The Thank you page should be displayed as shown below after injecting the CSS code above:

    How can I remove the grey box around the thank you message? Image 1 Screenshot 20

    Please refer to the guide below that helps in injecting CSS code to your JotForm.

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS

    Hope this information helps!  

     

  • crystaloftruth
    Replied on May 20, 2016 at 12:10 AM

    Perfect, Thank you!

  • charmingimage
    Replied on May 27, 2016 at 3:20 AM

    Hello Kiran,

     

    I followed the procedures to add CSS code, but not ok, please refer http://prntscr.com/b8z2d1

    Please advice

     

    Justin

  • Chriistian Jotform Support
    Replied on May 27, 2016 at 4:13 AM

    @charmingimage, I moved your concern on a separate thread so we can assist you better. You can check the thread here: https://www.jotform.com/answers/848373. We will attend to your concern on that thread accordingly. Regards.