React-toastify: Custom container position

[tobiasfriden]

Hello,

Thanks for a great library!

I'm wondering if there is any way to set the ToastContainer position to another value than the predefined ones. I am using top-left position, but as I have a navbar on top of my app I would like the margin to the top of the screen to be larger.

Managed to fix it temporarily by adding

.Toastify__toast-container--top-left {
  top: 4em !important;
}

to my App.css file but this feels a bit hacky.

[evansjohnson]

You should be able to add a className to your ToastContainer and then style against that class (without the !important).

[tobiasfriden]

@evansjohnson of course, thanks!

[pak11273]

I created my own class, but it still needs the !important.