Change the size and location of notification

Is there a way to change the size and location of a notification pop-up? The notification is relatively inconspicuous in the top right corner. On certain error conditions, I'd like it to be large and front-and-center.

I could use a modal for this, but it'd be nice if this were doable with notifications.


1 Like

This can be done with a bit of CSS.
Once there you need to adjust CSS for notification class to your liking. As an example I've attached some changes I've made and end result of it.

Thanks! I don't anticipate this being a need of mine, but just wondering: what if you wanted an error notification to be super prominent, but an info one to be less so?

Success notifications and warning have a different class names, so it would be possible to create a different CSS for each one.

1 Like