What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Make background for 'Thank You' page transparent?

    Asked by criterions on August 05, 2016 at 02:16 PM

    Would like to know if it is possible to make the background for the thank you page transparent. Currently, it is set to white. I'd like the ability to make it transparent.

    thank Make page transparent for
  • Profile Image
    JotForm Support

    Answered by KadeJM on August 05, 2016 at 03:03 PM

    I see that you wish to make your thank you page shown after submission transparent.

    You can try using something like this adding it to the source code of the thank you page.

    <div style="text-align: center; background: transparent !important; color: #ffffff !important;">

  • Profile Image

    Answered by criterions on August 05, 2016 at 03:30 PM

    Well, not really what I want. See this sample form. I want that thank you message to NOT have a white background. Meaning, the text should appear as through it's written directly on the background.  Possible?

     

    https://form.jotform.com/62176020472953

     

  • Profile Image
    JotForm Support

    Answered by david on August 05, 2016 at 03:57 PM

    Please simply inject the following custom CSS codes to your form to make a transparent background in the thank you page:

    div#stage {

        background: transparent;

    }

    body.thankyou {

        background: transparent;

    }

    Here's how : http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Add the codes to the bottom.

  • Profile Image

    Answered by criterions on August 05, 2016 at 04:23 PM

    Okay - I appreciate the help. However, it isn't working. Not sure why - have copied and pasted into the CSS area on the form.

  • Profile Image
    JotForm Support

    Answered by david on August 05, 2016 at 04:29 PM

    Very odd.  Here is my test form with the code added:

    https://submit.jotformpro.com/submit/62175824094964/

    The background of the text portion of the thank you message is indeed transparent.  You can clone the form to your own account if you'd like:

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

  • Profile Image

    Answered by criterions on August 05, 2016 at 04:36 PM

    I can't even view that form...

     

     

  • Profile Image
    JotForm Support

    Answered by david on August 05, 2016 at 04:39 PM

    My apologies, I gave the wrong URL.  Here is the correct one:

    http://www.jotformpro.com/form/62175824094964