How to set transparent background on styled form

  • janzenlegal
    Asked on January 4, 2016 at 7:00 AM

    Dear JotForm-Team,

    since yesterday I am having trouble with my Contact Form in the Footer of my website. The Background of the form is not transparent anymore but white. I tried to type in "transparent" to the presets and also tried your css code but it did not work out.

    I would very much appreciate your help since I have really gotten out of ideas.

    Thanks a lot and best wishes from Berlin!

    Dirk

  • Mike
    Replied on January 4, 2016 at 9:13 AM

    Thank you for contacting us.

    I have added the next CSS to your 'Contact Form Website' form.

    .supernova {
    background: transparent !important;
    }

    How to set transparent background on styled form Image 1 Screenshot 20

    Please re-check the form now to see if the issue is fixed.

  • janzenlegal
    Replied on January 4, 2016 at 10:03 AM

    Thanks a lot Mike, but unfortunately this did not help.

    I further tries to type in "transparent" to the Presets which did not help either...

  • Mike
    Replied on January 4, 2016 at 10:09 AM

    Can you please provide a link to the web page with embedded form? We will inspect it to see what is causing the issue.

  • Mike
    Replied on January 4, 2016 at 10:10 AM

    I am sorry, I have found the form and checking it now.

  • Mike
    Replied on January 4, 2016 at 10:13 AM

    The form was probably not properly saved the first time. I have re-added the CSS mentioned above, and it appears to be working fine now.How to set transparent background on styled form Image 1 Screenshot 20

    Thank you.

  • janzenlegal
    Replied on January 4, 2016 at 10:29 AM

    great Mike, thanks so much!! It works perfectly fine now!

    Best,

    Dirk