How to change the picture in a template?

  • NICSA
    Asked on December 3, 2020 at 3: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

    Page URL: https://www.jotform.com/build/202993793239166
  • Kenneth JotForm Support
    Replied on December 3, 2020 at 6: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 Screenshot 10

    I hope that helps.

    Best.

  • NICSA
    Replied on December 4, 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 Screenshot 10

  • Patrick_R
    Replied on December 4, 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!