Alerts for reaching maximum orders

Hi,

You can add normal CSS code, either in the HikaShop CSS or in your template CSS. You don't need to edit the JS file directly. In fact I would recommend you don't because you'll loose your changes when you update HikaShop.
You can add such CSS for example:

body .notifyjs-metro-base.notifyjs-metro-warning {
    background-color: red;
    color: white !important;
}

Hi,

I'm not sure what you mean ?
You don't need to have existing CSS code to add custom CSS to an HTML element.
As long as the HTML element has a class or an id unique to it, you can use that class / id to add your custom CSS for it, in any CSS file on the page.
The text of course comes from a translation key of HikaShop's translation file. So if you need to change the wording of the text, you can use a normal translation override: www.hikashop.com/download/languages.html#modify
The timing is fixed by the javascript in HikaShop, and we didn't made any plan to allow for easy modification of this.
The popup is displayed by the code:

hkjQuery(el).notify({title:trans[0],text:trans[1].replace('%s', max), image:'<i class="fa fa-3x fa-exclamation-circle"></i>'},{style:"metro",className:"warning",arrowShow:true,position:"top left"});

Hi,

I think the problem is not where you add your CSS but the CSS code you're using.
Your CSS doesn't have enough priority against the default CSS of the notify JS library.
Did you try the CSS I gave you in my previous message ?
I specifically used the selector "body .notifyjs-metro-base.notifyjs-metro-warning" in order to override the priority of the default CSS, and in my tests it worked fine.