Background image size

  • THFF
    Asked on March 20, 2024 at 4:51 PM

    How can i make it so the image shows complete, at least on desktop mode?

    Jotform Thread 13109411 Screenshot
  • Jovanne JotForm Support
    Replied on March 20, 2024 at 5:22 PM

    Hi Luis,

    Thanks for reaching out to Jotform Support. I believe you are referring to the background image to be fixed once you view your form. It's easy to do that. Let me show you how:

    • In your Form Builder, click the Form Designer (blue paintbrush icon).
    • Click the Advanced Designer button at the bottom.
    • Click the Background Image option and check the Fixed option.
    • Click the Save button to save the changes.

    Background image size Image 1 Screenshot 20

    That's it. You can now have your background image fixed. You can also check my cloned form as a reference.

    Give it a try and let us know how it goes.

  • THFF
    Replied on March 20, 2024 at 9:55 PM

    Thx Jovanne. That's the way i had it setup but it cuts the image.... i want all the image to show on desktop

  • Lorenz JotForm Support
    Replied on March 21, 2024 at 12:30 AM

    Hi Luis,

    Thanks for reaching out to Jotform Support. We can use Custom CSS code to attach the background image as fixed and show the whole image. Let me walk you through it:

    1. In the Form builder, click on the blue Roller Paint icon.

    2. From the Form Designer panel, select the Styles Tab. 

    3. Next, scroll down a bit and add the code below inside the Inject Custom CSS area. 

    /* Make background image fixed and show the whole image */
    .supernova, #stage {
    background-attachment: fixed !important;
    }

    Background image size Image 1 Screenshot 30

    Here's how it looks when previewing the form:

    Background image size Image 2 Screenshot 41

    Give it a try and let us know if there's anything else we can help you with.