Custom CSS: Disable a background color in form

  • developerguru99
    Asked on August 8, 2017 at 9:15 AM

    Hi

    How to disable a background color in form. –  https://www.screencast.com/t/nPW1nbWT

    My requirement is

     

    display in simple form for without any background color. For ex. check the form is  -  https://www.screencast.com/t/WDty4LfxJN

    please help! 

  • Chriistian Jotform Support
    Replied on August 8, 2017 at 11:08 AM

    You can inject the following custom CSS to your form.

     

    .supernova body {

    background-color: #FFF;

    }

     

    It should remove the gray background in your form.

  • developerguru99
    Replied on August 9, 2017 at 12:41 AM

    Hi

    I have Remove background color it's working.

    But

    How to Remove page-color and form-color. –   https://www.screencast.com/t/rOgLVeTaqr5

    I have try Remove page-color and form-color but it was not removed.  -  https://www.screencast.com/t/jr0Sg1ZCgNg

     

     

    My requirement is displayed in simple form for ex. -  https://www.guru99.com/contact-us.html 

  • Chriistian Jotform Support
    Replied on August 9, 2017 at 3:31 AM

    Did you mean you want to remove the color of the page background and form background of this form: (http://www.jotform.me/form/71343386835462)? If yes, please remove the theme you have applied and please inject this custom CSS:

    .supernova {

    background:transparent;

    }

    .form-all {

    background:transparent;

    }

    Let us know if you need more help.

     

  • developerguru99
    Replied on August 9, 2017 at 5:28 AM

    Hi

    How to Remove Page Color and Form Color. - https://www.screencast.com/t/9nW5iuqp9z9j 

    I have not set for any color value in the form.

    I have define screen shot. -  https://www.screencast.com/t/oONFadu2

    My requirement is displayed in a simple form for ex. -  https://www.guru99.com/contact-us.html 

  • Ashwin JotForm Support
    Replied on August 9, 2017 at 5:53 AM

    Hello,

    I did check the screenshot which you have shared. Do you mean to say that you want to delete the page color & form color value? Please note that it is not possible to delete the value ofpage color & form color from form designer. The only possibility is to either manually change the color in form designer or inject following custom css code to change color:

    .supernova {

        background-color: transparent !important;

    }

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

        background-color: transparent !important;

    }

    Hope this answers your query.

    Do get back to us if you have any questions.

    Thank you!

  • developerguru99
    Replied on August 9, 2017 at 8:10 AM

    Hi

    I have Created another form in page color & form color value is delete.  and it's working - https://www.screencast.com/t/loK68guJw

    check form it's working (without page color & form color value) - https://www.guru99.com/contact-us.html 

    please help!

     

     

  • Chriistian Jotform Support
    Replied on August 9, 2017 at 10:44 AM

    I checked the form embedded to your website (https://www.guru99.com/contact-us.html) and I noticed that the page color and form color is now set to transparent. Are you referring to this form http://www.jotform.me/form/71493154003448 or you are referring to another form? If you are referring to a different form, can you provide us the exact URL to the form so we can further check the issue? Will wait for your response.

  • developerguru99
    Replied on August 10, 2017 at 12:45 AM

    Okay this should fine

  • Ashwin JotForm Support
    Replied on August 10, 2017 at 2:07 AM

    Hello developerguru99,

    I did check the screenshot you have shared and it seems you want to remove the border which is being displayed around form. I have moved your question to a new thread so that we can address it separately. You will be answered in the following thread:  https://www.jotform.com/answers/1220320

    Thank you!