• How do I change the width of the template? (v1.2, v1.3)

    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.

disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR