Embedding a form on website with full source code changes background color of page

We have started to use a third-party to track users of certain aspects of our site. A few of the interactions that we wanted to track was on some of the forms we use on our site. We were originally using the iframe method of placing the form on the page, but have since been informed that Jotform has made a change on their end that is now not allowing the tracking of the from in an iframe.

When I switch to using the full source code of the form it changes the background of the whole page to the default light blue from jotform.

I have a test page set up were you can view this behavior.

Hi epcordrew,

Thanks for reaching out to Jotform Support. When using Source Code, the JS and CSS codes used in the form will no longer be isolated within the form, which means that the CSS codes and JS scripts will overwrite or cause conflict on your form. You will have to resolve this on your website end.

For the background image concern, you will have to add this CSS code into your website to overwrite the CSS code from the form.

body {

background-color: #fff !important;

}

As for the other concern, to avoid confusion, I have moved it to this thread.

Let us know if there’s anything else we can help you with.

adding this CSS line to the injected styles in the embedded code worked to make the page white again. although I did change it to be rgb(255,255,255,0) !important;

thanks