Why drop shadow CSS is not working on form preview?

  • Profile Image
    kevmountain
    Asked on March 14, 2017 at 04:55 AM

    I have added the code to the CSS and the form look good until I preview.

    The box shadow is not working.

    I do not want to put this form in an iframe.

  • Profile Image
    Nik_C
    Answered on March 14, 2017 at 05:38 AM

    Hello, 

    Just add the !important parameter for your CSS code for .form-all class:

    .form-all {

        box-shadow : 1px -1px 69px 25px rgba(0,0,0,0.36)!important;

        -webkit-box-shadow : 1px -1px 69px 25px rgba(0,0,0,0.36)!important;

        -moz-box-shadow : 1px -1px 69px 25px rgba(0,0,0,0.36)!important;

        border : 1px none #192e8b!important;

        border-radius : 12px!important;

    }

    It will work properly then.

    Let us know if you have any further questions.

    Thank you!