Background color of Thank You message

  • Profile Image
    BorgessHealth
    Asked 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?

  • Profile Image
    Kevin_G
    Answered 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
    BorgessHealth
    Answered 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
    victor
    Answered 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
    brownwingstudio
    Answered 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
    BDAVID
    Answered 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: