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';
toastr is a simple JavaScript toast notification library that is small, easy to use, and extendable. It allows you to create simple toasts with HTML5 and JavaScript like this: Simply include the files in your HTML page and write a simple line of code like this: toastr.
The toast component is like an alert box that is only shown for a couple of seconds when something happens (i.e. when the user clicks on a button, submits a form, etc.).
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; }
#toast-container > div { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); }
Test Working Example;
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With