Background color on Thank you window

  • Profile Image
    JORGE_GARCIA
    Asked on October 11, 2015 at 02:08 AM

    Hi. I want to change the background color of the window Thank you. I thought going into Preferences>Form styles could change the color setting

    .supernova {
    background-color: #eef0d0;
    background-color: #eef0d0;
    }

    but it has not been possible. Can you help me?.

    http://www.jotform.com//?formID=52753916338362

  • Profile Image
    JORGE_GARCIA
    Answered on October 11, 2015 at 05:02 AM

    Hi Randy. This is the result. As you can see the entire window is not filled with the new color.

  • Profile Image
    Charlie
    Answered on October 12, 2015 at 03:10 AM

    Hi,

    For the thank you page, you can use this class elements:

    /* background color or image of the thank you page at the back */

    .thankyou {

        background-color : #eef0d0 !important;

    }

    /* the element that covers or wraps the thank you */

    #stage {

        max-width: 700px !important;

        background-color: #eef0d0 !important;

    }

    You can paste that CSS code under the CSS tab in your Form Designer Tool, you can also add further styling on the classes I shared above depending on how you would like it to appear:

     

    In my end, this is how it looks like:

     

    Note: Please do make sure that you do not have any errors in your current CSS code, if you do, please correct them so that the changes will be applied correctly.

    Let us know how you would like to design the thank you page and we'll be more than to assist you.

  • Profile Image
    JORGE_GARCIA
    Answered on October 13, 2015 at 03:57 PM

    For grade4pagasa

    Hi, Randy. Very grateful for your interest. I guess you use the preview is a plugin widget. Right?

    I have resolved the issue differently, because I wanted the user could change the message, seeing as aesthetically was on the postcard.
    You can check the result here.

    http://charmingpostcards.blogspot.com.es/2015/08/acacia-a.html


    The only thing I need is to put a 'Go back' button in the 'Thank you' page draft, but I can not use JS, as it only supports HTML.
    If you know of some way, I'd appreciate tell me. A greeting. Jorge.
  • Profile Image
    Carina
    Answered on October 13, 2015 at 06:05 PM

    I moved your last question to a new thread as it is a different situation and we aim at having only one question per thread. You can find it here:

    http://www.jotform.com/answers/680727 

    Let us know if we can assist you further.