Using custom CSS in the Thank You page

Hi, I tried this for my thank you page, using body.thankyou in the custom CSS injector, but it doesnt reflect any changes

Thanks for the help

Nikki

Hello Nikki,

If I understand your requirement correctly, you want to change the body background color of your thank you message. Is that correct?

Unfortunately for security reasons, it is currently not possible to add custom style tag in thank you message source code to target body tag. The only option is to add a new <div> tag in your thank you message source and then set the background color as explain by my colleague earlier:

4. Add this code before all other code:

<div style="background-color: orange; position: fixed; height: 100%; width: 100%; top:0; left:0">

5. Add this code after all the other code:

</div>

Alternative option is to create a separate form to display thank you message where you can set the background color. Here are the steps you should follow:

#1. Create a new form to work as thank you page.

#2. Inject following custom css code in form to change the background color of new form:

.supernova {

      background-color: red !important;

}

#3. You can then take advantage of our custom thank you URL to redirect users to form which was created in step #1. The following guide should help you how to redirect users:  https://www.jotform.com/help/38-Redirecting-Users-to-a-Different-Page

Hope this helps.

Do get back to us if you have any questions.

Thank you!

Thank you I was able to solve using your help