Cherry Zen Template Support Thread

I love this template! The only small problem I am having is:

I moved things around on the product info page and when the browser window is about 1000px, the title, description, add to cart button, etc. go below the picture but when the browser windows is bigger, they go to the side... which is where I want them.

Is there any way to keep them to the side? It seems like there is padding or something that causes that group to "not fit" within the 1000px.

To see what I am talking about: my site

I apologize if this has been answered but I didn't see it when I searched.

Quote:

---

Originally Posted by rwhporg

I love this template! The only small problem I am having is:

I moved things around on the product info page and when the browser window is about 1000px, the title, description, add to cart button, etc. go below the picture but when the browser windows is bigger, they go to the side... which is where I want them.

Is there any way to keep them to the side? It seems like there is padding or something that causes that group to "not fit" within the 1000px.

To see what I am talking about: my site

I apologize if this has been answered but I didn't see it when I searched.

---

In your stylesheet.css the #rightFloat width is set to 75%. Lowering that seems to help. I tried 70% or less and it fixed it.

Quote:

---

Originally Posted by robbie269

In your stylesheet.css the #rightFloat width is set to 75%. Lowering that seems to help. I tried 70% or less and it fixed it.

---

Thank you so much! That did the trick.

Changing width of top nav links or header links solution

To change the width of the links at the top(Login, shopping cart...) you need to play with the measurements in includes/templates/cherry_zen/css/stylesheet.css

#navMain(line 458) - change width
#navMain a span(line 478) - change width

Then you will need to change the width of two images in includes/templates/cherry_zen/images/"which ever color you are using"

Change tabrightE.gif and tabrightE_last.gif

Just in case those images are used someplace else, I renamed them and then changed the names here(line 24):

#navMain a span {
background:url("../images/red/tabrightE.gif") no-repeat right top;
}
#navMain a span.last {
background:url("../images/red/tabrightE_last.gif") no-repeat right top;

Quote:

---

Originally Posted by robbie269

In your stylesheet.css the #rightFloat width is set to 75%. Lowering that seems to help. I tried 70% or less and it fixed it.

---

I am having 2 problems when you go to my site www.classic-flatware.com and click around ten (sidebox pictures) items the items shifted left and the background tunes blue. Now I changed my css to this
#rightFloat {
float:left;
width:70%;
}
it was 45% I don't know why. But the background still turns blue, and the items still shift left.
This is not working.
I did add a new logo banner that is now 855 x 165 and a jpg
The old banner was 895 x200 gif
Any Ideas?
I am using Cherry Zen 1.3.9G

Hello everyone,

Just installed the Cherry Zen template. Love it!

When I add things into my right sidebar, they seem out of line. the left bar looks fine.

Does anyone know why this might be?

http://beautifulexpressions.hwyman.com/zencart/


any help would be greatly appreciated!

I just ran into another issue that I wanted to mention.

Hopefully someone with far more experience using Zencart can help me.

If you view my site, I have put in a new image just below the ezpages.

http://beautifulexpressions.hwyman.com/zencart/

On my computer at home the image displays great, but I noticed at work it is actually overlapping the right sidebar and stretching beyond the sides.

I'm guessing this has something to do with the "Stretching" sides of this template. Is there anyway to set the picture to stretch/retract with the website, or do I simply need to make the image smaller. Anyone have a clue as to what size the image should be so that it displays properly regardless of who's screen is viewing it?

Thanks again! :cool:

Considering how many people have responded to this thread, I kind of thought I might get a bit more action.

Does anyone still use this template and can help answer some of my questions?

If not, maybe I should try a dif. template with more support. Any suggestions?

I am using v3.9.h Cherry Zen.

The problem is this. I hope I can state it correctly as I am not a computer wiz.

As the customer checks out, on page one they SHOULD see "Shipping Method" with an arrow pointing down to it; page two "Payment Method; page three "Review Order"; and page four "Order Complete" (all with an arrow pointing down to the words).

Well, on my pages, this is what the customer sees "TEXT_ORDER_STEPS_1", "TEXT_ORDER_STEPS_2", "TEXT_ORDER_STEPS_3", "TEXT_ORDER_STEPS_4", and "ORDER_STEPS_IMAGE_ALT" has a box with a red X.

One person on the forum suggested I make sure this file was not missing: includes/languages/english/extra_definitions/Cherry_Zen/order_steps_defines.php

When I checked, it was missing so I uploaded it. Unfortunately, it did not fix the problem.

I'm hoping you can help me to get the check out pages to display properly.

Thank you,
Lynn
machineembroideryandmore.com/zencart

Quote:

---

Originally Posted by countrycharm

background:url("../images/your_image.jpg");

or

background:url("../images/your_image.jpg") repeat;

if it needs to repeat itself.

Put the image into the includes/templates/YOUR_TEMPLATE/images folder.

---

------------------------------------------
I know how to change the color of this background, but I would really like to put a tiled image there instead. I saw the above post but I am still unsure.

Is this the area I need to change to put in a background image?



/* This section controls the colors for the site. Change red (default) to one of these options: orange, yellow, green, blue, purple, or grey) */
input#searchTop {
background: url("../images/red/rounded-search-input-top.gif") top left no-repeat;
}
#navMainWrapper {
background:url("../images/red/header.gif");
}
h3.leftBoxHeading, h3.rightBoxHeading {
background: url("../images/red/sideboxbg.gif");
}
#navMain a {
background:url("../images/red/tableftE.gif") no-repeat left top;
}
#navMain a span {
background:url("../images/red/tabrightE.gif") no-repeat right top;
}
#navMain a span.last {
background:url("../images/red/tabrightE_last.gif") no-repeat right top;
}
/* end main color changes */