Image as a background in thank you message?

  • Profile Image
    YummyGarden
    Asked on September 06, 2012 at 01:31 PM

    This is like my 20th question since using Jotform! But, the team is so helpful and patient!!

    I am trying to accomplish an image as my background, but it's repeating like a tile. Where did I go wrong in my html coding?

     

    This is my html:

    <div style="background: url(http://farm9.staticflickr.com/8173/7944492656_c20f3ddcd0_z.jpg) #444; height: 800px; overflow: hidden; margin: -8px;">

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

    <h1>Thank You!</h1>

    Your submission has been received.</div>

    </div>

  • Profile Image
    pinoytech
    Answered on September 06, 2012 at 01:54 PM

    Hi,

    Kindly change HTML code you provide above with this code:

    <div style="background: url(http://farm9.staticflickr.com/8173/7944492656_c20f3ddcd0_z.jpg) #444; height: 800px; overflow: hidden; margin: -8px; background-repeat: no-repeat;">

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

    <h1>Thank You!</h1>

    Your submission has been received.</div>

    </div>

    Hope you find this helpful.

    Thank you!

  • Profile Image
    YummyGarden
    Answered on September 06, 2012 at 02:12 PM

    Hi!

    I tried that html, but the background changes to a grey color. The background must be white so that the image blends in.

    Thank you.

  • Profile Image
    pinoytech
    Answered on September 06, 2012 at 02:32 PM

    Sorry about that. Kindly change #444 to #FFF

    <div style="background: url(http://farm9.staticflickr.com/8173/7944492656_c20f3ddcd0_z.jpg) #FFF; height: 800px; overflow: hidden; margin: -8px; background-repeat: no-repeat;">

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

    <h1>Thank You!</h1>

    Your submission has been received.</div>

    </div>

    Thank you!

  • Profile Image
    YummyGarden
    Answered on September 06, 2012 at 08:08 PM

    Great! It's working perfectly!!

    Thanks!!