What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I remove text boxes grey shadows?

    Asked by 5percentnutrition 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

    Page URL:
    https://form.jotform.com/70258122647152

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Helen 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.