How to make form background color transparent?

  • tctrust
    Asked on March 4, 2017 at 7:31 PM

    Hello.

    Not be done the transparency of the form.

    How to make form background color transparent? Image 1 Screenshot 30

     

    How to make form background color transparent? Image 2 Screenshot 41

  • Ashwin JotForm Support
    Replied on March 5, 2017 at 4: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:

    How to make form background color transparent? Image 1 Screenshot 20

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • tctrust
    Replied on March 5, 2017 at 6:33 AM

    Hello.

    OK,

    But I need 30% transparency.
  • Charlie
    Replied on March 5, 2017 at 10:33 AM

    Hi,

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

    How to make form background color transparent? Image 1 Screenshot 20

     

    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: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Please also check this guide to learn more about the legal or proper ways to set color in the CSS code: https://www.w3schools.com/cssref/css_colors_legal.asp 

    You can see how that form looks like in this demo form that I have: https://form.jotform.com/70634241395960

    Let us know if we misunderstood your concern.