网站开发 · 2025年4月26日

zen-cart模板宽度修改应该注意哪些地方!

 如何修改宽度?  


打开includes/templates/YOUR_TEMPLATE/css/stylesheet.css文件将宽度750px改为您需要的宽度。

将:

.centershop {


padding: 0px;

margin: 0px auto;

position: relative;

text-align: left;

width: 750px !important;

改为:

.centershop {

padding: 0px;

margin: 0px auto;

position: relative;

text-align: left;

width: 100% !important;

将:

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;

改为:

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;

将:

.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;

改为:

.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;

将:  

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;

改为:

TD.headerNavigation {

vertical-align:middle;

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

font-weight:bold;

color:#000000;

letter-spacing:1px;

padding: 5px;

提示:宽度属性有好几处,全部都需要修改。