The Simply Kerrin Zen Cart template has been designed with a fluid width of 90%.  This means that the width of the store front will grow (or shrink) depending on the size and resolution of the monitor that your customers are using to view your store.

With large, wide screen monitors being far more affordable today, many of your customers may be looking at a version of your store that is just too wide for comfortable viewing and reading.  Here we are going to show how to change this template to a fixed width (in pixels) using the CSS file.

To change the Simply Kerrin Zen Cart template to a fixed width design:

1. Open the stylesheet.css file located in the /includes/templates/simply_kerrin/css/ directory.
2. Find this section of code:

   #mainWrapper {
       text-align: left;
       width: 90%;
       vertical-align: top;
       border-bottom: 1px solid #677f39;
       }

3. and modify the width as required (A width of 1000px would suit most stores):

   #mainWrapper {
       text-align: left;
       width: 1000px;
       vertical-align: top;
       border-bottom: 1px solid #677f39;
       }

4. Save the modified stylesheet.css file to the same folder, ie the   /includes/templates/simply_kerrin/css/ folder.

	Free download: Zen Cart Pre-launch Checklist   Are you ready to launch your new online store? The Zen Cart Pre-launch Checklist has been developed to assist Zen Cart store owners preparing to launch their store. Avoid making any of these common mistakes before you go live.   Download the Zen Cart Pre-launch Checklist