Practical Web Tips

This Tutorial assumes that you are working with the default theme of Zen Cart.

Okay so you have installed Zen Cart and are surprised that the whole width of your store is only 760 pixels. If you want to modify that (which I did), here is how to do it.

1. Go to this directory zencart/includes/templates/classic/css
2. Open your stylesheet.css folder with Adobe Dreamweaver or any text editor
3. Find the "#mainWrapper" in the file
4. Modify the width attribute to whatever you like. (I used 960 px as that is the standard for most websites today.

My Zencart mainWrapper now looks like this.
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 960px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

5. Save your document and reload your store.

That's it your store should now have your desired width.