jquery - 调整PNotify通知的初始位置

我正在尝试调整PNotify通知的初始位置。如您在图像中看到的，通知阻止了我的搜索栏。我想将通知的初始位置降低50像素左右，以免阻塞搜索栏。

我已经在Google搜索此问题很长时间了，但是没有结果：

我试过了：


通过添加margin-top: 50px更改通知的CSS
在docs下，有一些自定义类可以更改初始位置，但是它们都是自定义类，例如stack_bar_top或stack_bar_bottom。我想自己调整这些值。
Github页上的此答案，但我被抛出no such class as pnotify.css错误




这是我目前用于PNotify的代码：

    function notification(text, type) {
        new PNotify({
            text: text,
            type: type,
            animation: 'slide',
            delay: 3000,
            top:"500px",
            min_height: "16px",
            animate_speed: 400,
            text_escape: true,
            nonblock: {
                nonblock: true,
                nonblock_opacity: .1
            },
            buttons: {
                show_on_nonblock: true
            },
            before_open: function(PNotify){
                PNotify.css({
                    "top":"50px"
                });
            }
        });
    }

我检查了CSS，看来ui-pnotify负责定位。默认值为top: 25px。

我在CSS中创建了一个新类，并将其命名为：

.ui-pnotify {
  top: 50px;
}

但是，似乎没有用。

最佳答案

下载pnotify的last version并使用以下代码修改css文件中选择器.ui-pnotify的样式（在我的情况下，我使用pnotify.custom.min.css）：

.ui-pnotify {
      top: 50px;/*Replace the 25px with the top that you need*/
      right:25px;
      position:absolute;
      height:auto;
      z-index:9999
    }