Thread: page width

Results 1 to 8 of 8
  1. #1
    Join Date
    Feb 2007
    Posts
    5
    Plugin Contributions
    0

    Default page width

    Just installed the latest version of Zen Cart, I am tring to make my page with 1003 px wide.

    I specified the width px in stylesheet.css to no avail:

    #mainWrapper {
    background-color: #ffffff;
    text-align: left;
    width: 1003px;
    vertical-align: top;
    }

    What did I do wrong or what else should I do to:
    1. have a fixed-width page for the entire site.
    2. align the whole content to the left (the text-align does't seem to work).

    Here's the link (I am still in the middle of configuring the look, etc. - I got rid of the right-hand side column)
    http://tourguy.net/goodies/index.php?main_page=index

  2. #2
    Join Date
    Jan 2005
    Location
    Minneapolis MN, USA
    Posts
    136
    Plugin Contributions
    1

    Default Re: page width

    Quote Originally Posted by jjw View Post
    I specified the width px in stylesheet.css to no avail:

    #mainWrapper {
    background-color: #ffffff;
    text-align: left;
    width: 1003px;
    vertical-align: top;
    }

    Hi,

    Did you upload that stylesheet? When I look at your style sheets, I see the width set at 750px for #mainWrapper (stylesheet_new.css(.

    Becky "-)

  3. #3
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: page width

    In your stylesheet.css find the following:

    /*wrappers - page or section containers*/
    #mainWrapper {
    margin: 0; /* Add this */
    background-color: #ffffff;
    text-align: left;
    width: 1003px;
    vertical-align: top;
    }

    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    }

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper/*Delete This*/ {
    margin: auto;
    }

    Follow the highlighted instructions and that should solve the problem

  4. #4
    Join Date
    Feb 2007
    Posts
    5
    Plugin Contributions
    0

    Default Re: page width

    Thank you so much, I thought there's only one stylesheet in the template default folder. I had gone into classic folder to fix it.

    Now the page is fixed at 1003 px, the way I like it and would like to make it look like www.k2fashion.com/ , how do I make the page's content to fill up the entire 1003 px, instead of like it is now framed in % of the 1003px width? TIA.

  5. #5
    Join Date
    Jan 2005
    Location
    Minneapolis MN, USA
    Posts
    136
    Plugin Contributions
    1

    Default Re: page width

    Hi,

    Do you understand that every stylesheet in the CSS folder for your template gets picked up and is "in play"? There are 3 stylesheets in classic/css ... stylesheet_new and stylesheet_original plus the print stylesheet. The first 2 are controlling how your site is being styled and displayed.

    You didn't style the class assigned to the table that makes up the "site" in stylesheet_new (the class assigned by Zen is "centershop"), but it is styled in stylesheet_old... it's set at 750 px. So you need to change that to either a fixed width or 100% or simply remove the width at all and let the table expand to fill available space.

    Plus I believe that the order in which they are linked in affects the styling used -- a later stylesheet in the load order overrides an earlier one (just like an inline style overrides a linked stylesheet). I'm not sure how ZenCart determines the linking order since I don't use multiple stylesheets in this manner.

    Does that make sense?

    HTH,

    Becky

  6. #6
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: page width

    Hi jjw

    I get that you think that you have just installed the latest version of Zen Cart, but I'm afraid that you haven't. You've installed version 1.3.0.2. We've had 1.3.5, 1.3.6 and 1.3.7 since then.

    I strongly recommend that you upgrade to, or even start again with, the latest version ASAP and save yourself pain later.

    In addition to numerous functional enhancements and security updates, you will find yourself with a starting template that is much easier to work with than the one that you have now, which actually designed to assist people to upgrade from older versions, rather than build from scratch.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  7. #7
    Join Date
    Feb 2007
    Posts
    5
    Plugin Contributions
    0

    Default Re: page width

    Thank you so much for pointing out that I am using and outdated version which I did the one-click install from one of my hosts. The other host provides the 1.3.7 version, but I have tried twice with different data name, mysql to no avail, I still couldn't get to see my admin page, only the zen cart pages. Guess need to get e-mail support from them.

    I will just go head to get rid of the whole thing and download and install manually.

  8. #8
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: page width

    I suspected that this was a host supplied installation. It's frustrating that there are hosts who don't keep up-to-date and continue to offer versions that are months out-of-date.

    Just to stress, if you've done much to your database, you should be able to just unpack the distribution and copy the new files into place over the top of the old ones. Then run the installation script by launching a browser and going to www.yoursitename.com/store/zc_install (amended to suit your situation of course) and selecting upgrade rather than install. Alternatively, you might simply prefer a completely clean start.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

 

 

Similar Threads

  1. change width on the categories page (price width)
    By oberheimer in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 3 Sep 2010, 05:53 PM
  2. Column Width and Sidebox Width not working
    By khopek in forum Customization from the Admin
    Replies: 11
    Last Post: 8 Jan 2010, 06:22 PM
  3. Page Width
    By crashinc25 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 3 Apr 2009, 01:16 AM
  4. Main Page(Define Pages Editor) throws page width off
    By audradh in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Jun 2006, 02:36 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