Disable blur effect on modal overlay

[njmartell]

Is it possible to disable the ‘blur’ effect on the modal overlay background? Ideally I want it to match the style of the full screen menu overlay (just a color – no blur). I managed to find the code to play with opacity, but can’t seem to find where the blur is coming from.

Thanks!

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.modal-open #container {
  filter: none;
}
.modal-backdrop {
  background-color: red;
}

– Kyle

[njmartell]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.modal-backdrop.in{
display:none !important;
}

Thanks
Mohammad

[njmartell]

I added the code but the blur is still there. It just disabled the red background. Any ideas?

[Mohammad – SUPPORT]

Hi,
I need marked screenshot to get your issue exactly.
Thanks
Mohammad

[njmartell]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Add this:

.modal-open #container {
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    filter: none;
}

– Kyle

[njmartell]

Awesome. That works! Thanks Kyle.

[Kyle – SUPPORT]

No problem 🙂