What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Custom background image expands super largeAsked by lmforms on January 24, 2017 at 09:02 PM
My custom background image expands super large and distorted on all screen sizes and devices.
It looks normal in the JotForm builder preview. I used v4 beta to build it.
That is odd. The background image shows expanded, but when I cloned your form, it shows fine in the cloned version: https://form.jotform.com/70239244947967
Please try cloning the form to see if the issue gets debugged in your clone version: https://www.jotform.com/help/27-How-to-clone-an-existing-form-from-your-account
Let us know if you need more help.
The cloned form is on this page: https://www.farm-equipment.com/farm-catalog/home2
I get the same behavior. Yes, it looks good when previewing in JotForm. But once I paste to a page in my CMS then the enlarged scaling occurs.
I narrowed it down to the "cover" attribute. If I don't use "cover" and instead use "fixed" or "repeat" then the image displays correctly.
Do you have any work-around ideas? Custom CSS to further define the "cover" attribute? Edit the resolution and pixel size of the image?
That's odd, if you look at your form's direct link, the background is shown fine: https://form.jotform.com/70246817927161
Please try removing your form from your page, and embed it again using the Iframe code: https://www.jotform.com/help/148-Getting-the-form-iFrame-code