How can I remove text boxes grey shadows?

  • Profile Image
    5percentnutrition
    Asked on January 27, 2017 at 02:59 AM

    Hi, 

    here is my form https://form.jotform.com/70258122647152 and it appears with some glitches on my website

    https://www.rich-piana.com/en/customer-service

    Actually I want to remove the grey/white lines on the boxes. Please refer attach photoshop picture to have an idea of what i'm saying.

     

    Looking forward for help.

    Thanks

  • Profile Image
    Helen
    Answered on January 27, 2017 at 03:21 AM

    Hi,

    Thank you for contacting us.

    I have checked your form, you can remove this box shadows. Please follow these steps:

    1. Remove this CSS codes into your form:

    .form-textbox {

        border : 1px solid #363636 !important;

        border-radius : 0px !important;

        -moz-box-shadow : 0 1px 2px #363636 inset !important;

        -webkit-box-shadow : 0 1px 2px #363636 inset !important;

        box-shadow : 0 1px 2px #363636 inset !important;

    }

     

    input:focus, textarea:focus, .form-upload:focus, .form-dropdown:focus {

        border : 1px solid #363636 !important;

        border-radius : 0px !important;

        -moz-box-shadow : 0 1px 2px #363636  inset !important;

        -webkit-box-shadow : 0 1px 2px #363636  inset !important;

        box-shadow : 0 1px 2px #363636 inset !important;

    }

     

    2. Inject these CSS codes into your form:

     

    .form-textbox {

        box-shadow: none !important;

    }

     

    .form-textarea {

        box-shadow: none !important;

    }

    Your form will be shown like:

    Here is a guide helps to you injecting CSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you have any questions or issue, feel free contact us.