Results 1 to 4 of 4
  1. #1
    Join Date
    Apr 2012
    Location
    beijing
    Posts
    258
    Plugin Contributions
    1

    Default 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
    focus on the open source for online shoping website.
    my site: best shop 24h.com

  2. #2
    Join Date
    Oct 2008
    Location
    Croatia
    Posts
    1,740
    Plugin Contributions
    22

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

  3. #3
    Join Date
    Apr 2012
    Location
    beijing
    Posts
    258
    Plugin Contributions
    1

    Default 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
    focus on the open source for online shoping website.
    my site: best shop 24h.com

  4. #4
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

    Default Re: which file control the width of center column?

    Quote Originally Posted by win8win View Post
    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:-

    Code:
    /*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...
    20 years a Zencart User

 

 

Similar Threads

  1. which PHP file is used when displaying sub-cats in the center column?
    By tcarden in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 14 Dec 2012, 10:37 PM
  2. Changing the Center Column Width
    By buckit in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 9 Dec 2009, 08:44 PM
  3. Which file control the List of Product Page?
    By explorer1979 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 18 Apr 2007, 06:55 AM
  4. How to ajust the width of center column?
    By liya in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 8 Mar 2007, 09:02 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg