Custom Error Stack Messages...

[chris32882]

The styling will be all CSS. Once you know the message box id, you can style it in your stylesheet for height, width, margins, content position/alignment, etc.

Yeah I figured so, but I can't get the box to center after I resized it, this is what I got...

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	width: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 0.2em;
	}

[gjh42]

Add

margin: auto;

to the rule to make these center in the available width.

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	width: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 0.2em;
	margin: auto;
	}

[chris32882]

Add

margin: auto;

to the rule to make these center in the available width.

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	width: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 0.2em;
	margin: auto;
	}

cool it works! Now I just need to to align the text within the box to line up center with the image