Custom Error Stack Messages...

[chris32882]

Is it possible to make Info message stack and display custom messages, to customers...an example would be, maintenance period (instead of using the messageStackError), inform customers of important dates, etc

also, how to resize the messagebox and center the text within the box vertically with the image?

[gjh42]

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.

[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