Message at the top of the template

Hi,

I have often a message at the top of the template for example when I modify the cart, confirm an order... :

top.jpg

Is it possible to have that messages in pop up and/or in center of the screen ?

Thanks,

Best regards,

Jerome

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Ok I send it by MP

That message can be seen for example when you change the quantity of the cart.

Regards,

Jerome

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#system-message-container {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 40%;
    width: 100%;
}


Hello,

Ok it works with the position:

notgood.jpg

But I have tree more questions:

- Is it possible to have the message in a pop up with "OK" button ?
- Is it possible to have the message in a square and not in 100% width ?
- Is it possible to change the background color ? In the CSS, the colour is #fff but it is not the colour that appears ?

For exemple message in square:

good.jpg

Thanks a lot

Regards,

Jérôme

Hi

Possible to change color and size, but unfortunately adding closing button will require some additional codding and we do not support that.

Code: Select all

#system-message-container {
    background: #YOU_COLOR_CHOICE_GOES_HERE none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 40%;
    width: 320px;
    left: 50%;
    margin-left: -160px;
}


Hi,

The background color does not change (all the time in brown)...

My code is:

#system-message-container {
background: #8BA393 none repeat scroll 0 0;
margin: 0;
padding: 0;
position: fixed;
top: 40%;
width: 320px;
left: 50%;
margin-left: -160px;
}

And do you think it is possible the have a container more great height ???

Regards,

Jerome

Hi

Yes You can, just change the "top: 40%;" value.

Here is a part of code You should be able to change the background color with:

Code: Select all

#system-message .notice.message {
    background: #b06339 none repeat scroll 0 0;
}