by Jim » Fri May 20, 2011 6:27 pm
The modern theme is designed to fill the full width of the browser. It does not use the page width setting at all.
If you would like to change how wide it is you will need to make a copy of the include file Modern.css and edit the body style at the top of the file to have the width you want. Here is the setting I used to make the body of the page 800px wide
body {
width: 800px;
padding: 0px;
margin: 0px;
}
You edit the template under Merchandising > Custom Templates > Includes.
Copy ShopSite include. find Modern.css and type Modern.css1 into the File name field. Click Copy. The file will be copied and you will be back on the screen with it listed in the Include Files box.
Select the Modern.css1 and click the Copy Include button. Now give it the file name Modern.css and click Copy.
Select the Modern.css file and click Edit Include. Make the change to the body style by adding the width: and the number of pixels wide you want. make sure the line ends with a ;
Save Changes.
Now publish your store and the style you added will over ride the ShopSite style and your pages will be the width you specified. You can publish the entire store by going to Utilities > Publish > Regnerate.