Another Layout Question...Need help

I am very new to Zencart and need help with general layout of my site. the URL is http://www.autero.com/shopping/ and I have four questions:

1- How do I remove the two links "Home" and "Check your order status" that show up below the blue tree menu to the left?

2- How to I get rid of the footer with all the images and the links that show up?

3- On the home page, it displays "You have successfully installed Zencart" how do I remove that message?

4- Lastly, I would like to change the width of the middle content (where the products are) from being variable to being a fixed smaller width. How can I do this?

Any hint would be helpfull. Thanks

Leo

#4
find this in your style_autero.css file and change the width to whatever you want it to be (might I suggest 750px).

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}

#3
http://www.zen-cart.com/forum/showthread.php?t=40224&highlight=Congratulations%21

Thanks. I successfully removed the installation message. However, I am still having problems with question 4.

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}

When I changed the width of the whole page. However, I just want to fix the width of the area below the header and to the right of the left menu. I am very new at CSS.

Here are my remaining questions:

1- How do I remove the two links "Home" and "Check your order status" that show up below the blue tree menu to the left?

2- How to I get rid of the footer with all the images and the links that show up?

4- Lastly, I would like to change the width of the middle content (where the products are) from being variable to being a fixed smaller width. How can I do this?

Any help would be appreciated.

my understanding is that the width of the content area is the width of the #mainwrapper minus the width of any sidebox columns.

what effect are you looking for?

I successfully changed it by adding this to style_autero.cc:

#contentMainWrapper{
background-color: #ffffff;
width: 75%;
vertical-align: top;
}

This only affects the content and not the whole page.

have you taken a look at the layout in multiple browsers?

firefox page is only 500px wide sorta squeezed.

in IE the layout is all screwed up with images, text, heading bars over lapping left column content

In regards to question #1 what side boxes are turned on in the layout boxes controller.

It appears you have unsqueezed the layout in FF, hard for me to keep up with your changes. It seems everytime I refresh the page you have changed something.:blink:

Layout still broken in IE.:shocking:

Let me ask a couple of questions:

1. how wide do you want the overall page to be?
2. Do you plan on having any side boxes on the right side of the page?

I am constantly doing some trial and error which explains why you see changes every time you refresh. I am not sure why the menu appears squeezed in IE, that's what I am trying to take.

Regarding your questions, I would like the final page to look like this one http://autero.com/electronics.html.

I will not have any right boxes however.

The oustanding questions I still have are :

1- How do I remove the two links "Home" and "Check your order status" that show up below the blue tree menu to the left?

2- How to I get rid of the footer with all the images and the links that show up?

4- Lastly, I would like to change the width of the middle content (where the products are) from being variable to being a fixed smaller width. How can I do this?

5- I just added this one. When I go to a product page, the following shows up above the product name: "Home :: Exhaust Systems :: 4" T-409 Stainless Steel". I would like to do one of two things. Either change the "Home" link to redirect to a different page or remove that so it does not display at all.

do you want to have the page floated left against the side of the window?

here try this, do everything in red:

body {
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #FFFFFF;
padding:0em;
float: left;
}

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 800px;
vertical-align: top;
}

#contentMainWrapper{
background-color: #ffffff;
width: 640px;
vertical-align: top;
}

just changed the 750px to 800px. realized I didn't do the math for the 160px wide left column.:blush: