Background color of Thank You message

  • BorgessHealth
    Asked on January 11, 2016 at 5: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?

  • Kevin Support Team Lead
    Replied 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 :

    Background color of Thank You message Image 1 Screenshot 20

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

    </div>

    Hope this helps.

    Regards.

  • BorgessHealth
    Replied 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

  • victor
    Replied 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.

  • brownwingstudio
    Replied on March 11, 2016 at 2: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.

  • David JotForm Support Manager
    Replied on March 11, 2016 at 3:28 PM

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

    #stage,.thankyou{

    box-shadow: none;

    background: transparent;

    }

    Example:

    Background color of Thank You message Image 1 Screenshot 20