How to fix my site??

[becv]

Hi,

I have almost got my site how i want it but now cant correct a few problems.

Up the top the Header background is too large and cant seem to fix it.

And below Categories, Manufacturers and New Products a small portion of a new side box is showing after i changed the width in the admin-layout settings because the category text was spilling into the centre box.
I am at a complete loss and have read and read and read and cant seem to find anything that works!

What have i done wrong??

Cheers,
Bec

http://shop.becscrafts.com/

[gjh42]

Did you increase the Column Width - Left Boxes and leave the Column Width - Left narrower?
Not sure, but that may be a problem.

---
Did you build your template, or is it a downloaded one?
It looks like the sidebox header & footer are fixed width images, so if you change the box width you will have to modify those images.

[Jump Network]

The Template used in this site is

Purpleshades 1.3 Template And it was downloaded from this site (zen-cart.com) about a year ago.

I have had a look at what Bec is wanting, and can not figure it out either, so i am hoping someone can help out.

If you have a look at http://shop.becscrafts.com you will see the following;

The white area of the Categories Menu on the left spills over to the main centre column, where the white areas of the manufacturers, new products (on the left hand side column) and all the menu's on the right hand side have a space from where those menu's finish (on the left) and start (on the right) from the centre column.

So how do we adjust the white area of the Categories Menu.

How do we expand the purple border for the cetegory Menu? As you can see, on the Categories Menu, the border finishes about 3 mm from where the white area finishes. And the bottom border of that menu, acutally seems to start again.

So;

1. Can we adjust the white area of the Category Menu?
2. Can we adjust the width of the purple border / background that is above and below the Category menu?
3. Can we adjust the width of the Centre Column to a smaller size? We would still like it to be in the centre, but simply make it smaller so that the Category Menu, is not spilling over into the Centre Column.

Thanks in advance for your help.

Chris.

[Jump Network]

OK,

I have managed to make the white area in the left hand side boxes wider by adjusting the following in the Layout Settings from the Configuration menu in the Admin section.

Column Width - Left Boxes = 155px
Column Width - Left = 175px

But as you can see on all the menu's on the left hand side,

1. The top purple border finishes before the white area of the box finishes.
2. The bottom purple border finishes, and then seems to start again at the bottom of all the white areas of the menu's (Categories, Manufacturers & New Products).

Any ideas?

Thanks again

Chris.

[kobra]

If you had downloaded the most recent version of this template - In the instructions this is covered here and I have highlighted the pertinent section:

3. Turn on Layout Boxes
=======================

New templates install with all the layout boxes turned off so from the "Tools" menu select "Layout Boxes Controller" and at the bottom select reset. Now you can turn on/off as many or few as you wish.

4. Adjust column and cloumn box widths
=======================

While in the admin adjust the column widths to allow correct appearance, this is recommended but you can adjust to your needs but you will have to re-create the header images to match a box width adjustment.

So in admin from the "configruation" menu select "Layout Settings" and Column Width - Left Boxes and set to 135px do the same for the Right Boxes.

Also select the Column Width - Left and check that it is set to 150px, check the same for the Right.

This is all that should be required...

[Jump Network]

So what you are saying, is that the only way to make the images larger is to edit them in something like Microsoft Paint or something to make them longer?

[Jump Network]

I have made all the purple images larger, and that has fixed the issues. Thanks for your help.

[motti]

Hello

i am trying to do what this guy did http://shop.becscrafts.com move the boxes all the way to the left and right
as much i read it i could not understend it, is that becose i have diffrend version? can i have my site look same ( not the color i like the green of zen)

my site is www.tiledepot.us/store

some one please help with this issue

Thank You

[STFlats]

I don't know if this will help, but my suggestion is switching to a different shop template. Here is one that has the same (well similar) green scheme but it stretches out to the full width of your browser and reduces to small browser widths as well:

Arch Shoppe

All you have to do is download the template and then upload it to your template folder in your directory. Then, once it's loaded, go to your admin area > tools > template selection - and then select the template from there. This is what I did for my shop. The only immediate problem that I found (which wasn't so much for me since I hadn't built the shop yet) is that you have to reconfigure your side boxes... basically turn them back on and tell them where to be. I first went to tools>layout box controller controls in the admin area (before changing to the new shop template) and then printed out the page. That way, since I new how I liked the boxes from the first setting, I could just duplicate it again using the print out. I would know where everything was so I could put it all back to the same settings within the new shop...

Hopefully this helps and if I was wrong in any way, please let me know. This is how I did it for my shop and it worked perfectly... By simply using a newer template that had already been worked out to fit the sizing I wanted, I avoided having to do a lot coding and tutorials and so on and so on... Good luck

[kobra]

In your stylesheet.css find this:

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

Change to this:

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 100%;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}