How to change background Opacity when bootstrap modal is open

March 8, 2023 by Tarik

I am assuming you want to set the opacity of the modal background…

Set the opacity via CSS

.modal-backdrop
{
    opacity:0.5 !important;
}

!important prevents the opacity from being overwritten – particularly from Bootstrap in this context.