Stylesheet not applying

[Berserker]

hello there,

Im starting to design my shop again due to recommendations that i should use the stylesheet from default template instead of classic. Im trying to copy what it looked like back to when i was using the classic template and im almost there.

However, i seem to have hit a wall with a couple of things.

1. The right sidebox doesn't change along with the left sidebox. Both the heading and image background are not the same. I tried doing it separately but still the same.

2. How do you remove the big white space below the header?

3. How do you align the "home" in the middle of the page with the top of the categories sidebox.

4. Is it normal to change the size of the main wrapper to the size of your logo? In classic, it does it automatically.

The site for reference is www.animestrike.co.uk

Please help and thanks in advance :)

[kobra]

4. Is it normal to change the size of the main wrapper to the size of your logo? In classic, it does it automatically.

It is not classic specifically that does this it is the method or design of the header_bg.jpg and how it is used. If you look at this you will find that it is called to repeat:x and this will make it appear to resize. the preferred method would be to design this with a graphic that is the height of the header and 5-10 pixels wide that you can have repeat without spoiling your header look.

3. How do you align the "home" in the middle of the page with the top of the categories sidebox.

To do this you need to adjust margins of either the side boxes or the breadcrumb(this is what 'home' is) to attaing the alignment that you want.
Find in your css file:

#navBreadCrumb, #navEZPagesTop {
	font-size: 1em;
	font-weight: bold;
	margin: 0em;
	padding: 1em;
	}

Change to:

#navBreadCrumb, #navEZPagesTop {
	font-size: 1em;
	font-weight: bold;
	margin: 0em 1em;
	padding: 1em;
	}

You got 1&2 corrected or I am not seeing what you describe.

[kuroi]

Hello again Berserker

A few things to add to what Kobra has said.

Your sideboxes are overflowing your design because you in Admin you have made them wider than the columns in which they are contained. In Admin > Configuration > Layout Settings you have increased the first two entries, but need to do the same to the pair about 14-15 lines down.

To make your left and right column headings perform in the same way, I recommend using a style constructed like this

h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {

font-size: 1em;
color: #ffffff;
etc
etc

}

and then removing other references to these headings. This has the effect of making all the different type of headings that can be generated in sideboxes perform in the same way.

Finally, when using older versions of Zen Cart, or the table-based Classic Template you couyld get away with having a logo size bigger than your main wrapper as although it is an error, the logo was contained in a table cell which would be forced wider to accommodate it and would in turn force the table in which it is contained to expand, so everything "appears" to work OK.

The tableless header in the template_default is simply less forgiving. It will expand to accommodate your logo, but won't inflict this expansion on the main wrapper within which it is contained.

[Berserker]

Hi there,

Thanks for all the help and advice :)

I decided to merge both stylesheet new and stylesheet original together and work from there since i like the table look. I think it's much neater and organised. It still has the same old look as before but will be less in byte size since i will be deleting things that no longer needed.

Once again, thanks for all the help :)

[Berserker]

kuroi, kobra,

Do you know how i can do the following:

1. When you click on one of the category, how do you change the color of :: next to home? What is that thing called?

2. At the bottom of index page, there is this banner (zen cart/sashbox) that i would like to either delete or change to my own banner. How do i do that?

Thanks again

[kuroi]

kuroi, kobra,

Do you know how i can do the following:

1. When you click on one of the category, how do you change the color of :: next to home? What is that thing called?

2. At the bottom of index page, there is this banner (zen cart/sashbox) that i would like to either delete or change to my own banner. How do i do that?

Thanks again

Normally I would advise that you post such disaparate questions separately to increase your chances for them being read by experts in each area. However, in this case you have gotten lucky as, perhaps surpisingly the answer to both questions may be found in the same place.

That place is Admin > Configuration > Layout Settings

Look first for the line "Bread Crumbs Navigation Separator" and change

nbsp;:: 

into (for example)

&nbsp;<span style="color:#FF0000">::</span>&nbsp;

Then, further down the same page find

Banner Display Groups - Footer Position 3

and clear the following text

Wide-Banners