JanStevens / angular-growl-2

growl-like notifications for angularJS projects
MIT License
285 stars 97 forks source link

How to change background image and color #128

Open eugenevk opened 6 years ago

eugenevk commented 6 years ago

Hi, I want the icon to show in white, but can't succeed in doing so. E.g. error shows a red icon (see attached) Can you please advise how I can accomplish that? Ideally I can use a custom FontAwesome icon. Is that possible? growl error alert

royerboat commented 6 years ago

Yes, overriding the default icons with FontAwesome is possible. You can do this in a few ways, but the simplest is probably just overriding the default template with a custom one where you can use the fontawesome icons.

See https://fritz.ninja/angular-growl-2/#customization for details.

Just copy the existing template from the project, put it in a script block, and add the icons that you want to appear. You might also have to override some the CSS.

Alternatively, just override the CSS for those icons with the corresponding FontAwesome icon that you want.

vik-singh commented 6 years ago

i replied

On Wed, Apr 25, 2018 at 1:27 PM, Jeff notifications@github.com wrote:

Yes, overriding the default icons with FontAwesome is possible. You can do this in a few ways, but the simplest is probably just overriding the default template with a custom one where you can use the fontawesome icons.

See https://fritz.ninja/angular-growl-2/#customization for details.

Just copy the existing template from the project, put it in a script block, and add the icons that you want to appear. You might also have to override some the CSS.

Alternatively, just override the CSS for those icons with the corresponding FontAwesome icon that you want.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/JanStevens/angular-growl-2/issues/128#issuecomment-384368282, or mute the thread https://github.com/notifications/unsubscribe-auth/ADtVL1_RNDc00tKsKfwd0XpvVBCjZ7ylks5tsLICgaJpZM4SUjiB .