Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / which file control the width of center column?

which file control the width of center column?

Views: 1,167

Results 1 to 4 of 4
15 Jun 2012, 8:47 AM
#1
win8win avatar

win8win

Zen Follower

Join Date:
Apr 2012
Location:
beijing
Posts:
258
Plugin Contributions:
1

which file control the width of center column?

which file control the width of center column?

I would like to modify the width for the center column,
but when I use chrome to see the DIV code,there is a div's id named "column-center" controlling it ,but I cannot find it at any *css.

Thanks

15 Jun 2012, 8:52 AM
#2
balihr avatar

balihr

Totally Zenned

Join Date:
Oct 2008
Location:
Croatia
Posts:
1,794
Plugin Contributions:
22

Re: which file control the width of center column?

Depends on the template, but usually centerColumn doesn't have a set width. It's parent wrapper has width set, sidebox columns have set width (usually inline since the width is controlled from admin) and then centerColumn takes up the remaining space...

16 Jun 2012, 4:29 AM
#3
win8win avatar

win8win

Zen Follower

Join Date:
Apr 2012
Location:
beijing
Posts:
258
Plugin Contributions:
1

Re: which file control the width of center column?

thanks so much "balihr",now I know how to solve the problem,by narrowing the width of left or the right

16 Jun 2012, 9:08 AM
#4
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: which file control the width of center column?

win8win:

thanks so much "balihr",now I know how to solve the problem,by narrowing the width of left or the right

The width of the centre column is RELATIVE to other settings.

Firstly
in your stylesheet, you should have a MAIN WRAPPER declaration. In a standard CLASSIC template, this is:-

/*wrappers - page or section containers*/
#mainWrapper {
    background-color: #ffffff;
    text-align: left;
    width: 750px;
    vertical-align: top;
    border: 1px solid #9a9a9a;
    }

** width: 750px;
**
This is the general width of the site, and to meet most browser capabilities, should not be greater than 980px**.

Secondly
In your site's ADMIN CONSOLE, under Configuration >>> Layout Settings, you will have:

COLUMN WIDTH
and
SIDEBOX WIDTH
**
The Sidebox width should be equal to, or smaller than, the Column Width.

The WIDTH of your side columns will then affect the with of the center column. Make adjustments to the side column widths accordingly.

OTHER FACTORS in the stylesheet will be related to PADDING and/or MARGIN values in the CSS which apply to sideboxes, sidecolumns and center boxes, etc...