How can i add multiple photos as the background?

  • Hollis_Josh
    Asked on December 6, 2021 at 11:22 PM

    Good Afternoon,

    Is there a way we can add multiple photo to a back ground on a jot form?

  • Ashwin JotForm Support
    Replied on December 7, 2021 at 12:56 AM

    Yes, it is possible to add multiple background image in form by injecting custom CSS code. Here is an example of the custom CSS code:

    html.supernova {

    background-image: url(YOUR_IMAGE_URL_GOES_HERE),url(YOUR_IMAGE_URL_GOES_HERE);

    background-repeat:no-repeat;

    }

    You can also add other attributes as well in the custom CSS code:

    height: 200px;

    width: 100%;

    background-position: top right, center;

    background-size: 200px,cover;

    The following guide should help you how to inject custom CSS code in form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes/

    Hope this helps.

    Do get back to us if you have any questions.

  • Hollis_Josh
    Replied on December 7, 2021 at 4:43 PM

    i'm a little confused on how to do this? is there an example you could show me?

  • Mary JotForm Support
    Replied on December 7, 2021 at 7:44 PM

    Hi Hollis_Josh,

    Thank you for getting back to us.

    I am currently checking your form, I will get back to you as soon as I have an update.

    Thank you.

  • Mary JotForm Support
    Replied on December 7, 2021 at 7:55 PM

    Hi Hollis_Josh,

    You will need to host the image on a third-party site to obtain the URLs which you can add to the code below:

    html.supernova {

    background-image: url(YOUR_IMAGE_URL_GOES_HERE),url(YOUR_IMAGE_URL_GOES_HERE);

    background-repeat:no-repeat;

    }

    1638924836 61b00224887c3 Image 1 Screenshot 10

    For a more detailed guide, you can check our guide here: How to Inject Custom CSS Codes

    Let us know how it goes.