How do you add an image to the surround outside of the width of your form? Can you make images a little transparent?

  • Profile Image
    YummyGarden
    Asked on August 28, 2012 at 02:21 AM
  • Profile Image
    idarktech
    Answered on August 28, 2012 at 02:41 AM

    Hi,

    Here's how you can adjust your background opacity.

    http://www.jotform.com/help/122-How-to-Adjust-the-Opacity-of-a-Form-s-Background

    Let us know if you require assistance about this. Thanks!

  • Profile Image
    YummyGarden
    Answered on August 28, 2012 at 02:44 AM

    Cool. THX. Now I just need to know how to add an image as the background like in the examples on the other help form. Not the main form, but behind the form.

  • Profile Image
    idarktech
    Answered on August 28, 2012 at 02:48 AM

    To add background outside to your form, use this CSS code:

     

    body, html{

    background: blue;

    height: 100%;

    }

    Just inject that code to your form. You can change the color up to your preference.

    Example:

    http://form.jotform.me/form/22400746687457?

    Thanks.

     

     

     

  • Profile Image
    YummyGarden
    Answered on August 28, 2012 at 02:51 AM

    I do understand about changing the color, but I would like to add an image. A jpeg.

  • Profile Image
    idarktech
    Answered on August 28, 2012 at 02:56 AM

    Sorry about that. Use this:

    body, html{

    background: url('http://formdemos.awardspace.biz/images/pattern8-pattern-76c.png') repeat;

    height: 100%;

    }

    Just change the image link to your image direct link. Thanks.

  • Profile Image
    idarktech
    Answered on August 28, 2012 at 02:57 AM

    Example form: http://form.jotform.me/form/22400746687457?

    You can find more informations about CSS background here: http://www.w3schools.com/css/css_background.asp

    Hope this helps. Thank you.