Using custom CSS in the Thank You page

  • Profile Image
    trickynek
    Asked on January 26, 2017 at 01:41 PM

    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

  • Profile Image
    ashwin_d
    Answered on January 26, 2017 at 02:33 PM

    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!

  • Profile Image
    trickynek
    Answered on February 08, 2017 at 02:34 PM

    Thank you I was able to solve using your help