- levaneAsked on April 26, 2015 at 10:08 PM
Hi I used a premade theme, Busy Tech, and everything is perfect in the preview on a new tab and on JotForm but once I embed it into my website the background image zooms in to the point where it's unrecognizable. I tried resizing the image but it still does the same thing. How can I fix this? Why does it show up fine on the preview but acts differently once it's embedded?
- CharlieAnswered on April 27, 2015 at 04:20 AM
I see you are using the default <script> embed code. It's possible a code conflict between your website and the form. Could you try re-embedding using the iFrame code instead, here's a guide on that: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. Do let us know if that works.
- levaneAnswered on April 27, 2015 at 10:21 AM
Thanks for the response. Unfortunately it did not work for me and nearly every comment on that thread, which dates back to 2013, are expressing that this method does not work.
- CharlieAnswered on April 27, 2015 at 11:50 AM
I've cloned your form and made edits in my end, here's my cloned form: http://form.jotformpro.com/form/51164201568955. You can clone my form and use it instead, here's a guide on how to clone it: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL. See if that one works.
- levaneAnswered on April 27, 2015 at 12:00 PM
It looks different but it doesn't work. It's up on the link I provided in my original post.
- CharlieAnswered on April 27, 2015 at 12:43 PM
It seems like the problem is related to embedding the form in your Wordpress.org powered website and the template or skin that it has. Would it be possible to separate the background image of that specific page of your website and just set the form's background as "transparent". So that the background image would be dependent on the page design itself and not in the form?
- levaneAnswered on April 27, 2015 at 01:52 PM
It doesn't seem to work. I tried making the background transparent but it just looks white, it seems to be blocking my background image. Also the height is significantly larger than the form itself.
- CharlieAnswered on April 27, 2015 at 02:21 PM
Could you try cloning this form: http://form.jotformpro.com/form/51164201568955. This should give you a transparent background color and it should now match the Wordpress where it is being embedded. Regarding the height, if you are using the iFrame embed code, you'll need to set the height of it. Here's an example:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/51164201568955" frameborder="0" style="width:100%; height:1925px; border:none;" scrolling="no"></iframe>
Regarding the Wordpress, have you also tried embedding using the JotForm plugin? You can find it here as an alternative: http://www.jotform.com/help/4-Adding-Forms-to-Wordpress-org-version.
- levaneAnswered on April 27, 2015 at 07:44 PM
I'm sorry but the plugin does not have positive reviews.
I'm done honestly. I've been trying to fix this seemingly simple issue all day and nothing works. I actually planned on upgrading since it seemed you had an impeccable form builder but I guess these forms are only guaranteed to work if you want to redirect people to Jotform, which is not at all professional. On top of it all, I spent days creating numerous forms for my website. What a disappointing waste of time.
- CharlieAnswered on April 27, 2015 at 10:18 PM
I do apologize for the inconveniences and troubles that you had, we try our best to find a quick fix on the problems, although sometimes there are incompatibility issues like if Wordpress just had a major update that might be the cause of the problem, a theme or a plugin that conflicts with the form's code.
I see that you have removed the website link here, I will forward this to our developers to have a closer look of the problem, but we'll need the web page to inspect the problem further.
Again my apologies for all the inconveniences.