How to display message alert in the middle of the page using Basic Skin

Hello:



I am using Basic Skin.



Right now all kind of messages are displayed on upper right corner of the screen. Which disappears after few seconds. It seems like user may not be able to catch it to read as it is all the way right upper corner.



Is there any way to make those message display as alert popup window in the middle?



Please advice

Not without a code modificiation. You can change the time that the non-sticky ones are displayed. You can possibly change the position in your css, but those boxes are going to look pretty tacky in the middle of your page.



in skins/yur_skin/customer/styles.base.css you will find code that looks like:


/* Notification box */
.cm-notification-container {
position: fixed;
right: 8px;
top: 0px;
z-index: 16;
}


Adjust to your preference. if you want middle of the page you might try:


/* Notification box */
.cm-notification-container {
margin: auto, auto, auto, auto;
z-index: 16;
}




Your mileage may vary.

My Notification box movement in 2.12



is pretty much centre but remember different monitors etc etc.



.cm-notification-container {

position: fixed;

/*

right: 8px;

/

top: 0px;

z-index: 16;

/
addition, begin /

width: 30%;

margin-right: 35%;

margin-left: 35%;

text-align: center;

/
addition, end /

}

.notification-content {

position: relative;

margin-bottom: 1px;

/
addition, begin /

width: 100%;

/
addition, end */

}





JOhn

That’s why I’d use the “margin: auto” so it will center in the window.