Why is the form displaying with white background?

  • ronprosky
    Asked on April 3, 2017 at 4:58 PM

    form not responding to what i am trying to accomplish even though settings show right.

    i don't want a white page background and i want the form on the top of the contact page to span that grey box.

    thank you

  • Kiran Support Team Lead
    Replied on April 3, 2017 at 6:09 PM

    I have checked your web page and see that form is displaying on the grey colored section.

    Why is the form displaying with white background? Image 1 Screenshot 20

    Could you try opening the web page in a private/incognito window or a different browser and see if that makes any difference? Let us know if you are referring something different. We will be happy to help. 

  • ronprosky
    Replied on April 3, 2017 at 6:18 PM

    the form itself should have a transparent background NOT a grey background. the other grey background is from my web page. the form itself is a clone of the one you see in the footer, with no background. i also need this form to be wider instead of having all that grey space on each side.

    thank you

  • Chriistian Jotform Support
    Replied on April 3, 2017 at 10:17 PM

    If I understand you correctly, you want this form (https://form.jotform.us/70926380668163) to be transparent instead of having a gray background? If so, please try to inject this custom CSS on your form:

    .supernova, .jotform-form, .form-all {

        background-color : transparent !important;

    }

     

    Why is the form displaying with white background? Image 1 Screenshot 20

    Hope this helps.

    However, if you mean something else, do get back to us.
    Regards.

  • laine
    Replied on April 4, 2017 at 9:52 AM

    sir,

    thank you for the code but why is design builder showing it's supposed to be transparent yet it it showing as grey? another bug?

     

  • Kiran Support Team Lead
    Replied on April 4, 2017 at 11:58 AM

    When the form background is made transparent, the background color of the web page where the form is being displayed as the form background. Since the form builder background is Grey and when the form background is made transparent, it looks like the form has a Grey background. 

    Hope this information helps!