Firstly, understand the purpose of alert messages... They are not intended to be "pretty", but to
DRAW ATTENTION...
See... your eye immediately went to the RED.
These messages are displayed for important reasons, so it's better that they stand out from your site - that's why bright colours are used. If you "blend" these colours to look like your shop, there's a risk that shoppers will miss the message - which can be extremely annoying for them.
If you are intent on making changes, your stylesheet contains a section:
Code:
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
line-height: 1.8em;
padding: 0.2em;
border: 1px solid #9a9a9a;
}
.messageStackWarning, .messageStackError {
background-color: #ff0000;
color: #ffffff;
}
.messageStackSuccess {
background-color: #99FF99;
color: #000000;
}
.messageStackCaution {
background-color: #FFFF66;
color: #000000;
}
Bookmarks