How to change the default width of pnotify Jquery plugin?

Question

I'm using this pnotify plugin to display tooltips notifications on my site. The default width of tooltip is 300px but thats not showing properly on iphone. So how can I change it's width ? If I inspect element , i see that the width:300px is an inline style property. I went into jquery.pnotify.min.js file and removed the width:300px property and added my own custom width in pnotify.css file for the .ui-notify. But still the width does not change.

Any ideas ?

Plugin link:

http://pinesframework.org/pnotify/

Answer 1

Try to add !important to your rule. This will override it for sure.

Example:

.ui-notify {
    width: 100px !important;
}