How do I change the width of the template? (v1.2+)

Thanks to AnonyPuss for posting the specific areas of the classic stylesheet.

Open the includes/templates/YOUR_TEMPLATE/css/stylesheet.css and change the width settings from 750px to your desired width.

Find:

.centershop {
padding: 0px;
margin: 0px auto;
position: relative;
text-align: left;
width: 750px !important;

Change to :

.centershop {
padding: 0px;
margin: 0px auto;
position: relative;
text-align: left;
width: 100% !important;

Find:

TABLE.header {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
width: 750px !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;

Change to:

TABLE.header {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
width: 100% !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;

Find:

.main_page{

width: 750px !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
padding: 5px;

Change to:

.main_page{

width: 100% !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
padding: 5px;

and

TD.headerNavigation {
width: 750px !important;
position: relative;
vertical-align:middle;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight:bold;
color:#000000;
letter-spacing:1px;
padding: 5px;

To:

TD.headerNavigation {
vertical-align:middle; font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight:bold;
color:#000000;
letter-spacing:1px;
padding: 5px;

Note: there are several places that have width attributes and you need to change all of them.

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

How can I find out what version of Zen Cart or PHP or MySQL I'm using?

To find out what version of Zen Cart or PHP or MySQL you are currently using, you can simply go...

Getting a BLANK PAGE? Here's the answer ...

If you're getting a blank page when trying to browse to a certain page on your store, or after...

What's New in the Upcoming v2.0 release?

Database Abstraction Layer and Sql CacheThe abstraction layer has been re-factored to include a...

Image Preparation - How-to

I've seen several posts where people obviously aren't quite sure about the best way to set up...

Some tips to modify stylesheet

1. Download Web Developer extension for FireFox here2. Install & restart FireFox. You should...