How Can I Disable the Light Grey Background of the Form?

Hi,

I have created a form and when I view it where I have embedded it into my squarespace site on a PC it looks fine. However when I view the same form from my Mac in both Chrome and Safari, I seem to get a grey background behind the form as per the screenshot.

Any suggestions?

Thanks in advance,

Caro

Hi Caro,

You can easily beat this problem by injecting some custom CSS to your form. Please, copy&paste the necessary code from the below:

.supernova,.form-all {

    background-color: #ffffff !important;

    box-shadow:none !important;

}

After applying, please don't forget to let us know the results.

Thanks.

Fabulous, thank you Mert, that did the trick. :)

Interestingly now though when I can see my screenshot I uploaded, it doesn't actually have the grey background but just the border around the form! - How strange.

I have now lost the nice border around the form though, anyway to get this back?

Caro, you are most welcome, glad to see it is working; but are you still seeing the borders or box shadows around the form? I disabled them to avoid this issue. Moreover, I couldn't see any of them when I check the current version of your form:

If you are seeing those, please do let us know.

Regards.

No I can't see a border/box shadow, but quite liked the border around the form, just not the grey background; anyhow I have now realised you removed that too in the CSS and have deleted that line, so everything is working perfectly :)

Thanks for the prompt response!

Caro

Glad to hear that. So, please let us know, if you encounter any problem with your form.

Have a great day.

@BoydCooper

We will address your issue on this thread shortly: https://www.jotform.com/answers/1152648

Thank you.