How can I remove the dropped shadow in the border?

  • Profile Image
    tanyaavelar
    Asked on October 19, 2015 at 03:45 PM

    I don't want the drop shadow on my Contact Form. Is there a way to remove? I just want it to look seamless on the website.

  • Profile Image
    david
    Answered on October 19, 2015 at 06:14 PM

    Hi,

    I checked your form and I am not seeing the dropshadow.  Have you already removed it?  Here is how it looks in my page:

    If you still need help removing something, let us know where it is appearing and what exactly need to be removed and we will be happy to take another look.

  • Profile Image
    abajan
    Answered on October 19, 2015 at 06:32 PM

    @tanyaavelar

    Like my colleague, I was unable to see any drop shadow on your form in my browser. However, upon examining the rule you added to remove the said shadow, I noticed it was missing a couple of recommended declarations (see this).

    Please change the rule from

    .supernova .form-all {
       border: none;
       box-shadow: none;
    }

    to

    .supernova .form-all {
       border: none;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
       box-shadow: none;
    }

    Those extra declarations ensure that the shadow is removed in just about all browsers.

    If you still see the shadow after applying the fix, please let us know.

     

    Thanks