How can I remove the dropped shadow in the border?

  • tanyaavelar
    Asked on October 19, 2015 at 3: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.

    Jotform Thread 684683 Screenshot
  • David JotForm Support
    Replied on October 19, 2015 at 6: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:

    How can I remove the dropped shadow in the border? Image 1 Screenshot 20

    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.

  • abajan Jotform Support
    Replied on October 19, 2015 at 6: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