How to customize the color of notification?

[Antony]

I can now do it in the 'show' event, but since showing of notification is animated, so the color is changed after some delay, and I don't want to give up using animation. Is there a better way I can customize the notification color? Thank you.

[Neli]

Hi Antony,

I would suggest you use the .k-notification-content class and style the color of the Notifications. Below is an example:

 .k-notification-content{
          color: orange;
}

And an example for changing the color to the icon on the Notification:

.k-notification-wrap .k-icon{
          color: red;
}

Here is a Dojo example where the styles from above are applied.

I hope this helps.

Regards,
Neli
Progress Telerik