Form background is not showing

  • mcota4421
    Asked on August 19, 2016 at 10:18 AM

    I am having trouble adding a background to one of my forms and I don't want to create a new form because we have started marketing.  It was there before and now its gone.

    Is there a support # to call?

    Form background is not showing Image 1 Screenshot 20

  • Jan
    Replied on August 19, 2016 at 12:26 PM

    I cloned your form and I was able to replicate the issue. Please try this solution:

    1. Click the "Preferences" button in the toolbar.

    Form background is not showing Image 1 Screenshot 30

    2. Go to the "Form Styles" tab. Under the "Properties" tab, please scroll down and then change the "Background" to Transparent. Here's a screen capture:

    Form background is not showing Image 2 Screenshot 41

    3. Save the changes when you're done.

    Hope that helps. Thank you.

  • mcota4421
    Replied on August 19, 2016 at 3:45 PM
    Need it to look like this:
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
    ...
  • David JotForm Support
    Replied on August 19, 2016 at 4:58 PM

    Unfortunately, it is not possible to attach screenshots to email responses at this time so it did not show up on our end.  If you wouldn't mind attaching the screenshot directly to your forum post, we will be happy to have a look:

    https://www.jotform.com/answers/414264-How-to-include-screenshot-image-in-the-support-forum

    In any case, if you want your current image applied as the full background and a white background where your text and such is, you can add this code to your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .supernova {
        background : url('https://www.jotform.com/uploads/mcota4421/form_files/NBA_Basketball.jpg')
    no-repeat top left;
        -webkit-background-size : cover;
        -moz-background-size : cover;
        -o-background-size : cover;
        background-size : cover;
    }
    .form-all{
        background : white !important;
    }

    Here is how the form would look with the code added:

    https://support.jotform.com/form/62316346786968