How to remove the grey form background?

  • Profile Image
    tristanmaung
    Asked on March 06, 2017 at 02:25 AM

    I am trying to make my form responsive on mobile devices but the grey background is killing me.

    There was another thread with the same issue which was 2 years old.

    I followed the steps by going to designer tools "advanced" > form layout > Make form responsive.

    I am having trouble removing the grey background on my order form, even though I already injected the CSS code

    body, html {

    background: transparent !important;

     

    }

    Then I proceeded to tick the "make form responsive" box.

    I experienced 2 things.

    1.) Form is still not mobile friendly.
    2.) Grey background still there.

    The form doesn't re-size itself and I cant seem to resize it as it gets completely cut out due to the words being too big.

    I am using the WIX platform. 

    Please advise.

  • Profile Image
    ashwin_d
    Answered on March 06, 2017 at 03:46 AM

    Hello,

    Please inject the following custom css code in your form to make it transparent:

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

        background-color : transparent !important;

    }

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!