Search code examples
toastr

Setting toastr opacity?


Is there any way to change it? I tried defining the toastClass as a class with opacity set to 1, but saw no changes:

.toast-style{
   opacity: 1;
}

toastr.options.toastClass = 'toast-style';

Solution

  • No JavaScript required for this. You should be able to change this in CSS using either

    #toast-container > div {
        opacity:1;
    }
    

    or

    .toast {
        opacity: 1 !important;
    }