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

    Background color of Thank You message

    Asked by BorgessHealth on January 11, 2016 at 05:28 PM

    I'm trying to change the background color of my thank you message to none or transparent but can't because the white background is being called from the submit.jotformpro.com styles for body and .form-all.  This is the first time I've run into this problem where a white background was being used.  

    Here is the form: http://www.jotform.com/?formID=60036290140947.

    Thoughts?

    Page URL:
    https://pad.borgess.com/peripheral-artery-disease/

    Thank You message message thank JotForm problem
  • Profile Image
    JotForm Support

    Answered by Kevin_G on January 12, 2016 at 12:35 AM

    Hi,

    You can change the background color by clicking on the source code when editing the Thank You message and adding this HTML code :

    <div style="width: 100%; height: 100%; background: red;">

    </div>

    Hope this helps.

    Regards.

  • Profile Image

    Answered by BorgessHealth on January 12, 2016 at 10:03 AM

    Thanks Kevin, but that isn't it.  I've tried that and although it does allow me to set a background for that new div, there is still a body and .form-all background that is white behind the div.  Please run through the form on the URL I provided and inspect the source.  You'll see what I mean if you view the styles tied to body and .form-all.  Use test as your name and random numbers so we know it's you.

     

    Thanks,

    Adam

  • Profile Image

    Answered by victor on January 12, 2016 at 12:45 PM

    Thank you for the update. If you wish to remove or have a transparent background, you may use the following CSS code

    body.thankyou {

        background: transparent;

    }

    If you do not know how to inject css code, please review our users guide

    How to Inject Custom CSS Codes

    Please let us know if this helps.

  • Profile Image

    Answered by brownwingstudio on March 11, 2016 at 02:47 PM

    These solutions don't work. Custom CSS classes don't seem to apply to the thank you message. I'd love a fix for this.

  • Profile Image
    JotForm Support

    Answered by BDAVID on March 11, 2016 at 03:28 PM

    Please try injecting the following CSS code to make it all transparent:

    #stage,.thankyou{

    box-shadow: none;

    background: transparent;

    }

    Example: