How to Remove All Border Elements From My Form?

  • rick86
    Asked on October 20, 2015 at 6:36 AM

    please help me.

     

    i need to remove all border elements from my form -  i need it to be white only.

    it was white with no grey border showing, i edited the form and reuploaded it to me site and it has a grey border.

    i have tried many custom codes and they just end up making it worse.

    i need to fix FIND PRODUCT VIA TYPE MASTER and FIND PRODUCT VIA POWER MASTER.

    Please help asap as i have had to remove them from the site in their current condition.

     

    thanks

     

    rick

  • mert JotForm UI Developer
    Replied on October 20, 2015 at 9:41 AM

    Hi Rick,

    With respect to my research, this issue occurs, because of the CSS codes of your form.

     

    To overcome this problem,

    You need to enter the "Designer" and clear all of the previous custom CSS.

    How to Remove All Border Elements From My Form? Image 1 Screenshot 30

     

    After that, open the "Inject Custom CSS",

    How to Remove All Border Elements From My Form? Image 2 Screenshot 41 

     

    In this field, you will see some CSS codes are regenerated. Please find and delete the red marked rows, then add the green marked rows under the "/* | *//*__INSPECT_SEPERATOR__*/" line.

     

    .supernova {

    background-color: #ffffff;

    background-color: #f5f5f5;

    }

    .supernova body {

    background-color: transparent;

    }

    .supernova .form-all {

    box-shadow : none !important;}

     

    This method will work for all of your form. If you encounter any error, please let us know.

    Thanks.