How to make form background color transparent?

  • Profile Image
    Asked on March 04, 2017 at 07:31 PM


    Not be done the transparency of the form.


  • Profile Image
    Answered on March 05, 2017 at 04:13 AM

    Hello tctrust,

    I am not sure if I have understood your question correctly. Do you mean to say that you want to make your form background transparent?

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

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

        background-color : transparent !important;


    Please check the screenshot below on how to inject custom css code:


    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    Answered on March 05, 2017 at 06:33 AM



    But I need 30% transparency.
  • Profile Image
    Answered on March 05, 2017 at 10:33 AM


    What would you like to make transparent? Would you like it this way:


    You can see that the main frame of the form is transparent and it will display the background image, is that what you are aiming? If so, you need to insert this custom CSS code in your form:

    .form-all {

     background-color: rgba(0,0,0,0.3) !important;; 


    Here's a guide on how to insert that CSS code: Please also check this guide to learn more about the legal or proper ways to set color in the CSS code: 

    You can see how that form looks like in this demo form that I have:

    Let us know if we misunderstood your concern.