I want to change the width of my templete, but its not working correctly

[ichigoblack]

I know there's a tutorial for this in the zencart help section, but its not working correctly for me.

First of all, everything looked fine up until a few days ago. Everything was centered and there were no extra spaces and then suddenly it changed even though I didn't change anything...

Now, in Internet Explorer its not centered but there are no extra spaces. In Firefox its centered but there's a little extra space on the right side where you can see the background where you shouldn't. In both browsers the text on the main and category pages is huge, but on the individual product pages it looks exactly as it should..

I wanted to widen the template anyway so I figured that would solve the extra space. When I tried to do this following the tutorial it screwed with everything. My main url stopped working, and the shop section looked very basic (no background, no header image-- just plain text and links).

I changed it back and now everything is back to the way it was before I made the changes... which is where I started.

Sooo, I don't know what I'm doing wrong, I'm afraid I'll change something and it won't come back next time >_<

Oh, and also in both browsers the text on the main and category pages is huge, but on the individual product pages it looks exactly as it should.. This also just happened a few days ago.

Here's the link:
http://www.ichigoblack.com

Any help would be greatly appreciated :)

[schoolboy]

Your problems seem to all be stylesheet related.

You have TWO stylesheets, and your site is inheriting declarations from both of these. The first thing you must do is tidy up all the CSS into ONE stylesheet and call it stylesheet.css .

You currently have:

stylesheet-new.css
stylesheet-original.css

Your zenshop will try to use BOTH stylesheets.

So before advice is offered on what declarations to change, get things a little tidier, and into ONE stylesheet.

[ichigoblack]

It was like that from the beginning.. how do I combine them?

[barco57]

What version of Zen Cart is this?

[ichigoblack]

Zen Cart 1.3.0.2

[ichigoblack]

Your problems seem to all be stylesheet related.

You have TWO stylesheets, and your site is inheriting declarations from both of these. The first thing you must do is tidy up all the CSS into ONE stylesheet and call it stylesheet.css .

You currently have:

stylesheet-new.css
stylesheet-original.css

Your zenshop will try to use BOTH stylesheets.

So before advice is offered on what declarations to change, get things a little tidier, and into ONE stylesheet.

and then I got an answer to a separate question-- how do I combine the stylesheets...

That's an old verision which had two stylesheets by design. There's no need to combine them.

This approach was intended to ease the transition from users used to Zen Cart 1.2.x. But by 1.3.5 this benefit had largely evaporated and a single stylesheet was introduced.

As said earlier, there is no need to combine the original stylesheets

Upgrading is not something that can be done overnight. I'd need to read through that tutorial several times and get the necessary software so lets just assume simply upgrading isn't an option yet... are there any other solutions?

[schoolboy]

Zencart supports multiple stylesheets, which means (basically) that your pages will display according to the COLLECTIVE declarations of all stylesheets.

Right now, you have 2 main stylesheets affecting the display of page elements. Your zenshop is loading these in this order (as shown in your Page Source):

<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet_new.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet_original.css" />

So, the page is first reading stylesheet_new.css

... and then it reads stylesheet_original.css

Any style declaration in stylesheet_new.css is going to be over-ridden by an identical declaration that ALSO appears in stylesheet_original.css

You will now have to COMBINE the 2 stylesheets into 1, and in the process, you must remove any countermanding declarations (deciding of course, which declaration you want to retain.)

For example:

The following declaration appears in stylesheet_original.css

BODY {
	background-color: #000000;
        background-image: url(../images/boxx.jpg);
	color: #000000;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
   font: 11px Verdana, Arial, sans-serif;
}

... and the following in stylesheet_new.css

body {
color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
margin:0;
}

These must be combined into one declaration, and errors/conflicts edited out or corrected.

[Shane78]

i cant even view your site mate, it just times-out..

(19:05 - sat 25 - oct - 2008)