How to adjust the leaves background to be behind the form?

  • Rest_Assured
    Asked on April 14, 2025 at 4:46 PM

    In the desktop version of my jot form, I'm using the green nature theme and after centering my form the leaves are covering some of the text on the form. How do I get the leaves to go behind the form so the text is visible?

  • Jessica JotForm Support
    Replied on April 14, 2025 at 11:08 PM

    Hi Rest_Assured,

    Thanks for reaching out to Jotform Support. We’ll need a bit of time to look into this. We'll get back to you as soon as we can.

    We appreciate your patience and understanding in this.

  • Jessica JotForm Support
    Replied on April 15, 2025 at 8:43 AM

    Hi Rest_Assured,

    Adding the following code will adjust the leave background to be positioned behind the form

    1. First, copy this code:

    /* Adjust the leave background to be positioned behind the form - Ticket #26182771 */
    html.supernova:after { z-index: -1; } 
    /* Ends here */

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    How to adjust the leaves background to be behind the form? Image 1 Screenshot 30

    Here is what it will look like once the code is added:

    How to adjust the leaves background to be behind the form? Image 2 Screenshot 41

    Give it a try and let us know if you need more help.

  • Rest_Assured
    Replied on April 15, 2025 at 12:02 PM

    It worked. Thank you so much!

Your Answer