Search code examples
jquerycssalertifyjs

How to change the font color in alertify.error using alertify.js

I am using alertify.error to display error messages. I wanted to know if there is any way to change the font color for the text that is displayed inside?

Solution

  • Well, as how I see it, it's using this code to change the font color and overall font styles:

    .alertify-notifier .ajs-message.ajs-error{
    color: #fff;
    background: rgba(217, 92, 92, 0,95);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0,5);
}

    So if you want to change the font color just add this to your own css:

    .alertify-notifier .ajs-message.ajs-error{
    color: #yourcolor;
}

    Note: Maybe the !important is needed to override the alertify css. Try without first.