How to change Thank You page background color using custom injected CSS codes

  • Dcgdoc
    Asked on July 13, 2019 at 1:58 PM

    I put in a CSS code for my form background colors.  All pages took color except thank you page.  How can i edit my thank you page so the color matches the rest of the form.  There is no CSS input on the thank you page edit.

    thanks

    dcgdoc

  • jonathan
    Replied on July 13, 2019 at 4:20 PM

    Please try adding the following CSS codes on your form using the Form Designer.


    .thankyou div#stage{

        background-image: -webkit-gradient(linear, left top, left bottom, from(#81cfe0), to(#2574a9));

        background-image: -webkit-linear-gradient(#81cfe0, #2574a9);

        background-image: -o-linear-gradient(#81cfe0, #2574a9);

        background-image: linear-gradient(#81cfe0, #2574a9);

    }


    The thank you page background color result should become like this

    1563049206zzz 2019 07 14 04 Screenshot 10


    Let us know if you need further assistance.


  • Dcgdoc
    Replied on July 13, 2019 at 5:43 PM
    That looks good. How do i change the background color from green to a
    different color?
    ...
  • roneet
    Replied on July 13, 2019 at 10:01 PM

    You can insert the color of your choice in my colleague's code replacing the Hex color codes marked in bold. Find out the hex codes for the color of your choice here and insert it in the code-shared by a colleague.

    .thankyou div#stage{

        background-image: -webkit-gradient(linear, left top, left bottom, from(#81cfe0), to(#2574a9));

        background-image: -webkit-linear-gradient(#81cfe0, #2574a9);

        background-image: -o-linear-gradient(#81cfe0, #2574a9);

        background-image: linear-gradient(#81cfe0, #2574a9);

    }

    Additionally, you can share which color you would like on the thankyou page. We will provide a solution to it.

    Thanks.