Yeah best way to go.
But it is changing 
Statistics for 2009
w3schools.com’s statistics
640x480: 0%
800x600: 4%
1024x768: 36%
Higher: 57%
Unknown: 3%
Statistics for 2008
w3schools.com’s statistics
640x480: 0%
800x600: 8%
1024x768: 48%
Higher: 38%
Unknown: 6%
[url]http://www.screen-resolution.com/common-screen-resolutions.php[/url]
Ok, thanks to the posts here I’ve managed to kind of centre it - and to be honest it’s much better than the way it was, so even if it’s not 100% centred, at least it’s now visible to a customer - so thanks for the info.
My only question now is how to change the size of it. I would like to make it slightly larger with slightly larger font.
I’m no coding expert by any means, I’m pretty good at cutting and pasting though
If anyone has any suggestions on how to increase the size of the box and the font as well that would be great - could you please kindly supply the code if you are able to answer this one.
Thanks
Cathy
This is what we use to center the notifications:
.cm-notification-container {
right: 50%;
margin-right: -137px;
top: 50%;
margin-top: -27px;
position: fixed;
z-index: 16;
}
Having right: 50% would put the right side of the container at the exact center of the screen. Using a negative margin of -137px shifts it to the right, assuming the container itself is always 274px wide.
The same trick is used for vertical centering: 50% centers the top of the container and a negative top margin shifts it back up. The 27px is based on most single-notification containers being 54px high.
[quote name=‘johndoe’]This is what we use to center the notifications:
.cm-notification-container {
right: 50%;
margin-right: -137px;
top: 50%;
margin-top: -27px;
position: fixed;
z-index: 16;
}
Having right: 50% would put the right side of the container at the exact center of the screen. Using a negative margin of -137px shifts it to the right, assuming the container itself is always 274px wide.
The same trick is used for vertical centering: 50% centers the top of the container and a negative top margin shifts it back up. The 27px is based on most single-notification containers being 54px high.[/QUOTE]
Thanks JohnDoe, works nice!
i think you should learn some basic css [url]http://www.w3schools.com/css/default.asp[/url]
use font-size: and width/height on your container to increase everything.
[quote name=‘CathyG’]Ok, thanks to the posts here I’ve managed to kind of centre it - and to be honest it’s much better than the way it was, so even if it’s not 100% centred, at least it’s now visible to a customer - so thanks for the info.
My only question now is how to change the size of it. I would like to make it slightly larger with slightly larger font.
I’m no coding expert by any means, I’m pretty good at cutting and pasting though
If anyone has any suggestions on how to increase the size of the box and the font as well that would be great - could you please kindly supply the code if you are able to answer this one.
Thanks
Cathy[/QUOTE]
That worked perfectly!
Thank you so much johndoe
[quote name=‘matt5409’]i think you should learn some basic css [url]http://www.w3schools.com/css/default.asp[/url]
use font-size: and width/height on your container to increase everything.[/QUOTE]
Yes, I definitely should spend some time learning the basics - have managed to get it looking the way I need it to. Thanks for the link
[quote name=‘johndoe’]This is what we use to center the notifications:
.cm-notification-container {Having right: 50% would put the right side of the container at the exact center of the screen. Using a negative margin of -137px shifts it to the right, assuming the container itself is always 274px wide.
right: 50%;
margin-right: -137px;
top: 50%;
margin-top: -27px;
position: fixed;
z-index: 16;
}
The same trick is used for vertical centering: 50% centers the top of the container and a negative top margin shifts it back up. The 27px is based on most single-notification containers being 54px high.[/quote]
Works GREAT for some of the notifications… but not all. Does anyone know where the CODE is that controls the other notifications? For example, when a user has to request their password, that sent notification still appears in the upper right corner; any idea where that style sheet is?
Thanks.
And in 2.1.4 its changed. The notification is a “Loading Box” That has the same issues.
refer to my post at Add to cart Loading Notification box position - Configuration - CS-Cart Community Forums