Is it possible to add background images to form headers?

  • Profile Image
    Stafford_Trevor
    Asked on August 02, 2019 at 03:51 PM

    Specifically, something like what I've accomplished in the the attached screenshot, but without me forcing a conventional image over with negative margin. 

    Put another way, rather than a form-wide background image, I'd rather have a background image that fits in my header. 


    Screenshot
  • Profile Image
    Mike_G
    Answered on August 02, 2019 at 05:32 PM

    I may have found a workaround to achieve the requirements you showed us in your screenshot. Please see the steps below.

    1. Add the image as the logo of your form.

    1564780871zt17_16_45.png

    2. Set the Dimensions of the logo to 700px by 350px.

    1564781084zt17_22_03.png

    3. Inject the following CSS codes to your form.

    .form-all:before {

        position: initial !important;

    }

    .form-all {

        margin-top: initial !important;

    }

    1564781230zt17_26_05.png

    How-to-Inject-Custom-CSS-Codes

    4. Delete the Image added to your form.

    1564781417zt17_28_19.png

    Here's a cloned version of your form where I have applied the steps mentioned above.

    https://form.jotform.com/92136133706957

    I hope this helps. If, in any case, I have misunderstood your concern, please feel free to let us know and give us more details.

  • Profile Image
    Stafford_Trevor
    Answered on August 02, 2019 at 06:05 PM

    Thanks! I'll take a look!