page width

[jjw]

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

[webomat]

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 "-)

[clydejones]

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

[jjw]

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.

[webomat]

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

[kuroi]

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.

[jjw]

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.

[kuroi]

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.