How to change the picture in a template?

  • Profile Image
    NICSA
    Asked on December 03, 2020 at 03:44 PM

    Hi, for my jotform "Allie - DP App" https://www.jotform.com/build/202993793239166 how do I change the picture of the woman on the phone?

    thank you!

    Allie

  • Profile Image
    Kenneth_C
    Answered on December 03, 2020 at 06:15 PM

    Thank you for reaching support,

    On your Form builder, click on the Image > Gear Icon > Heading Image > CHOOSE A FILE:

    1607037256_5fc971482fa34_r1.png

    I hope that helps.

    Best.

  • Profile Image
    NICSA
    Answered on December 04, 2020 at 10:01 AM

    thanks for getting back to me! but when I follow those instructions, it adds a new image on top of the one that is currently there. I want to replace the current image. Please see attached screenshot. thank you!1607094056_5fca4f283f0e4_jotform.png

  • Profile Image
    Patrick_R
    Answered on December 04, 2020 at 11:29 AM

    Hello! The background picture is a part of the CSS code for this theme. We'll need to inject custom CSS code to change this image.

    You can inject the following CSS code into your form's CSS block using these instructions.

    .form-header-group {
        background-image: url(https://www.jotform.com/uploads/Patrick_R/form_files/captain-jack-sparrow-wallpaper-30.5fc209594f3dd5.52959399.jpg);
      background-size: auto 100%;
    }

    You can change the image path as per your requirement. You can upload the image to Jotform in the Image element (which can be deleted later) and then use its path (as shown below):

    https://drive.google.com/file/d/1kiGrm5cYGjx7pxfyuCozi3WExOAi6aUt/view?usp=sharing

    I hope this solves your purpose. In case you come across any issues, let us know.

    Thank you!