Is there a way of changing the page background colour when creating a Thank You message?

  • Profile Image
    steelneil81
    Asked on August 14, 2012 at 12:01 PM

    I would like to replace my form with a thank you message rather than redirect to another page entirely but my website is black and the thank you message is white. I have tried creating a table and changing the background to black but it still leaves a white border around it.

  • Profile Image
    EduardoMendez
    Answered on August 14, 2012 at 12:43 PM

    Hi steelneil8,

    There is a way of editting the "Thank You message".

    I don't know if this will help, but if yuo click on the "Thank You" button while on the "Setup & Embed" tab it will give you the option of editing your thank you msg. On the wizard, you have the option of editting the HTML code of the page (top right corner).

    This is the default code:

    <p>&nbsp;</p>

    <div style="text-align: center;">

    <h1>Thank You!</h1>

    Your submission has been received.</div>

    You can change the background color by changing the coe a little.  Her is an example

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

    <p>&nbsp;</p>

    <div style="text-align: center;">

    <h1>Thank You!</h1>

    Your submission has been received.</div>

    </div>

    Hope that helps!  Let me know if you come across any other questions.

    Ed Mendez

  • Profile Image
    steelneil81
    Answered on August 15, 2012 at 08:44 AM

    Hi, whilst this colours the whole background it still leaves a white border around the edge.

    Any ideas how to get rid of the white border?

  • Profile Image
    pinoytech
    Answered on August 15, 2012 at 08:56 AM

    Hi,

    Can you please update the code that was provided by Eduardo above with this code bellow?

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

    <p>&nbsp;</p>

    <div style="text-align: center;">

    <h1>Thank You!</h1>

    Your submission has been received.</div>

    </div>

    Hope this help and if you need further assistance, feel free to contact us anytime.

    Thank you!

  • Profile Image
    steelneil81
    Answered on August 15, 2012 at 09:06 AM

    This doesn't work.

    To get the result I had before i had to insert a table to force the height to be right.

     

    This is what it looks like using your method...

  • Profile Image
    steelneil81
    Answered on August 15, 2012 at 09:08 AM

    FYI. I'm using this in Google Dites so the form is embed via a gadget.

  • Profile Image
    steelneil81
    Answered on August 15, 2012 at 09:30 AM

    Sorted. Thank you for your help.

    I had the form embedded via your gadget. I swapped it for iFrame and it now works.

  • Profile Image
    pinoytech
    Answered on August 15, 2012 at 09:32 AM

    Good to hear that! and I am sorry for the late response.

    If you need our assistance again, feel free to contact us at anytime.

    Have a good day!