How to center the add to cart message?


I use a CSS wrapper on my site to center the page and define a set width.

I have “AJAX(Javascript)-based “add to cart” button” enabled and I want to keep it that way.

The ‘the product(s) have been added to the cart’ message is appearing way over on the right of the page and I have no idea where to get it to center again like it was without the wrapper. I’m assuming the wrapper has something to do with it.

What do I edit to make the message center on the page again?

See attachment for what I’m babbling about :smiley:


In your styles.css look for this /* Ajax */…underneath this comment is all the “styles” for the Ajax messaging…in particular .ajax-message-wrapper

Awesome, thanks!

I’ve provided my own specific solution at the following thread: