Cherry Zen Template Support Thread

Hi Jettrue,

I have tried everything to get the view cart | checkout now links in the footer to line up with the ezpage links in the footer to no avail. They appear lower than the other links. *Note: they are only visible if you add something to the cart.
www.allk-9.com

Any ideas, suggestions, etc on how to get them to line up in the middle with the other links???

Thanks!

Quote:

---

Originally Posted by gsdcypher

Hi Jettrue,

I have tried everything to get the view cart | checkout now links in the footer to line up with the ezpage links in the footer to no avail. They appear lower than the other links. *Note: they are only visible if you add something to the cart.
www.allk-9.com

Any ideas, suggestions, etc on how to get them to line up in the middle with the other links???

Thanks!

---

They look the same in Firefox. What browser are you using?

Hi jettrue,

IE7.

Add an item to the cart and then look at the green footer nav bar. The view cart | checkout now links appear lower than the ezpage pages links.

Thanks.

Quote:

---

Originally Posted by gsdcypher

Hi jettrue,

IE7.

Add an item to the cart and then look at the green footer nav bar. The view cart | checkout now links appear lower than the ezpage pages links.

Thanks.

---

Remove the padding and line-height from this section:

#navSupp ul {
list-style-type:none;
text-align:center;
line-height:1.5em;
padding: .3em 0;
}

Jettrue,

You are a wizard! :clap:Thank you!

Another question.... and this one is trickier. ;-) Is there any way to keep the ezpage links centered in the nav bar when the view cart | checkout now links appear (instead of shifting to the left)????

Thanks.

Quote:

---

Originally Posted by gsdcypher

Jettrue,

You are a wizard! :clap:Thank you!

Another question.... and this one is trickier. ;-) Is there any way to keep the ezpage links centered in the nav bar when the view cart | checkout now links appear (instead of shifting to the left)????

Thanks.

---

No, I can't think of an easy way to do that.

Quote:

---

Originally Posted by jettrue

In your stylesheet, change #navMain's width to 650px.

---

I followed these instructions and it worked as far as resizing the site to match the header, however; now everything is left aligned and I'm not able to figure out how to make it center aligned. All I changed was this:

#navMain {
float:right;
width:700px;
line-height:normal;
}

Quote:

---

Originally Posted by judyinspokane

I followed these instructions and it worked as far as resizing the site to match the header, however; now everything is left aligned and I'm not able to figure out how to make it center aligned. All I changed was this:

#navMain {
float:right;
width:700px;
line-height:normal;
}

---

what is the link to your site?? The person I replied to made the change, and it looks fine.

It is http://www.cutlersupply.com/cart

The cart is not opening either and I'm not sure if that's related but it was working fine before I did this change.

The problem was the logo was 1000px and the site was expanding on beyond that. So I made the fix you talked about and changed it from 100% to 700px and it worked great at fixing the width of the site. I also changed this section in the stylesheet.css from 1300 px to 1000 px:

width:1000px; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
max-width:1000px; /* prevents the main content from getting wider than 1300px in sites other than IE */
min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */.

Quote:

---

Originally Posted by judyinspokane

It is http://www.cutlersupply.com/cart

The cart is not opening either and I'm not sure if that's related but it was working fine before I did this change.

The problem was the logo was 1000px and the site was expanding on beyond that. So I made the fix you talked about and changed it from 100% to 700px and it worked great at fixing the width of the site. I also changed this section in the stylesheet.css from 1300 px to 1000 px:

width:1000px; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
max-width:1000px; /* prevents the main content from getting wider than 1300px in sites other than IE */
min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */.

---

First of all, that "change #navMain to 700px" reply was for a totally different issue than what you are having.

Your problem is that you changed the width of the body to 1000px. Change it back to width:auto.

html>body {
width: 1000px;
}

change it, and all will be well.

The cart issue is not related. If you changed any files related to the shopping cart (even language files) re-upload the originals, you've got something messed up somewhere.