Topic: Custom toast color

dagaey free asked 1 year ago

How can I set a custom toast color?

Mateusz Lazaru staff answered 1 year ago

Without modifying source code? You can overwrite CSS styles.

.customPinkToast {
 background-color: pink;
.customPinkToast .toast-header {
  background-color: salmon;

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 6.2.0
  • Device: desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No