Cherry Zen Template Support Thread

[jettrue]

That's Pthththth
LOL

I only changed the right column to be equal to the left (I thought)

I've been at this for 20+ years and still have brain freeze from time to time.

Left columns are still at 165 (right?)
I increased the right column from 150 to 165 = 15

This hurts both of us. Where do I have to add the 15?

This is what I see in the original css:

.outer {
 padding-left: 165px; /* Same width as margin-left for the float-wrap div */
 padding-right: 150px; /* Our right column width */
}
.inner {
 width: 100%;
}
.float-wrap {
 float: left;
 width: 97%;
 margin-left: -165px; /* Same length as .outer padding-left but with negative value */
}
#content {
 float: right;
 margin-right: -165px; /* Same length as .outer padding-left but with negative value */
 width: 100%;
 line-height:1.6;
 position: relative; /* IE needs this  */
}
.contentWrap {
 padding: 5px 0 5px 5px;
}
#navColumnOne {
 float: left;
 position: relative; /* IE needs this  */
}
#navColumnTwo {
 float: right;
 margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
 position: relative; /* IE needs this  */
}
* html #navColumnTwo {
 margin-right: -170px !important; /* Fixes IE6 Issue */
}
/* end wrappers - page or section containers*/

So the only change I made was

padding-right: 150px; /* Our right column width */

to 165 and

#navColumnTwo {
 float: right;
 margin-right: -150px;

to 165

Which other setting needs the added 15? I know this is simple for you, being the stylesheet expert and all, but give a guy a break, please. {BSG}
JOhn ><>

Add 15px EVERYWHERE. See how it starts at 165px ALREADY for the left side? That is because there is built in padding. Just like before, I told you to add 40px to 165px, now you add 15px to 165px.

To be absolutely clear. Wherever you see 165px in the original stylesheet, change it to 180px, wherever you see 150px, change it to 165px. Wherever you see 170px, change it to 185px.

[Stuff4Toys]

Add 15px EVERYWHERE. See how it starts at 165px ALREADY for the left side? That is because there is built in padding. Just like before, I told you to add 40px to 165px, now you add 15px to 165px.

To be absolutely clear. Wherever you see 165px in the original stylesheet, change it to 180px, wherever you see 150px, change it to 165px. Wherever you see 170px, change it to 185px.

OK now the mud is clearing from my brain.

I really appreciate your patience, it teaches me a lesson when I deal with others. Thanks Again
JOhn ><>

[MotoDelta]

Just wanted to post this as a reference for future surfers:

My MessageStack background colors were not rendering at all in IE6 for this template. They worked fine in IE7 and firefox. To fix this I added a width: 640px; to the CSS for these items and now they work fine.

[Micki]

Hi:

I am getting so close...I hope to customizing your Cherry Zen Template. Followed your instructions to a tee for changing the left column width. I want my ledt sidebox for be 230px and my right sidebox to be 140px. All the steps worked for the left side. My problem is that I'll have to change the size of the gif for the right sidebox to 140px. How to I put those in the template so they it will read it properly. I did at the extra 15 pixels on the left sidebox and it worked, but now my information in the sidebox sits at the bottom of my page. I'm thinking when I get the rest fixed that it will adjust itelf.

I'd also like to put a space between my header and the body of my site and use the same colour as the background. This shows up if I put category tabs up, but I really don't want them showing there...would rather have them in sidebox. Is there another solution for that?

Any advice would be greatly appreciated. You can view my site here to get an idea of what I'm talking about.
http://www.paradiseembroiderydesigns.com

Thank so much for your help.

[jettrue]

Hi:

I am getting so close...I hope to customizing your Cherry Zen Template. Followed your instructions to a tee for changing the left column width. I want my ledt sidebox for be 230px and my right sidebox to be 140px. All the steps worked for the left side. My problem is that I'll have to change the size of the gif for the right sidebox to 140px. How to I put those in the template so they it will read it properly. I did at the extra 15 pixels on the left sidebox and it worked, but now my information in the sidebox sits at the bottom of my page. I'm thinking when I get the rest fixed that it will adjust itelf.

I'd also like to put a space between my header and the body of my site and use the same colour as the background. This shows up if I put category tabs up, but I really don't want them showing there...would rather have them in sidebox. Is there another solution for that?

Any advice would be greatly appreciated. You can view my site here to get an idea of what I'm talking about.
http://www.paradiseembroiderydesigns.com

Thank so much for your help.

#content {
	float: right;
	margin-right: -150px; /* Same length as .outer padding-left but with negative value */
	width: 100%;
	line-height:1.6;
	position: relative; /* IE needs this  */
}

The reason why the menu has dropped down, is that you forgot to change the above 150 to 245.

You can use two different images for the left and right, as seen in this portion of the styleshet:

#contentMainWrapper {

	background:url("../images/sidebox.gif") 100% 0 repeat-y; /* This is the right column background "faked" with an image. */

	background-color:#8CA593; /*background color for the main "content" of the site */

}

#contentMainWrapperb {

	background: url("../images/sidebox.gif") 0 0 repeat-y ; /* This is the left column background "faked" with an image. */

}

So just make one for the right side, and call it "sideboxB.gif", and then upload it to includes/templates/YOUR_TEMPLATE/images/, then change the image for the right side to sideboxB.gif in the stylesheet.

[Micki]

#content {
	float: right;
	margin-right: -150px; /* Same length as .outer padding-left but with negative value */
	width: 100%;
	line-height:1.6;
	position: relative; /* IE needs this  */
}

The reason why the menu has dropped down, is that you forgot to change the above 150 to 245.

You can use two different images for the left and right, as seen in this portion of the styleshet:

#contentMainWrapper {

	background:url("../images/sidebox.gif") 100% 0 repeat-y; /* This is the right column background "faked" with an image. */

	background-color:#8CA593; /*background color for the main "content" of the site */

}

#contentMainWrapperb {

	background: url("../images/sidebox.gif") 0 0 repeat-y ; /* This is the left column background "faked" with an image. */

}

So just make one for the right side, and call it "sideboxB.gif", and then upload it to includes/templates/YOUR_TEMPLATE/images/, then change the image for the right side to sideboxB.gif in the stylesheet.

Thanks...I will go and make the changes today.

I thought that I would try one changing the left side first to see if I had success. I'm a bit confused about changing the right sidebox. The new image makes sense.

I'm trying to do the math here....the right side I want at 140px and yours is 165px. Do I just change the 165 to 140 or do I have to account for the extra 15px like I did for the left sidebox.

Also, I made my header.jpg 1000px wide, but it still doesn't go straight across the page to match up on the left size. Do you know how wide I should re-size this?

Thanks so very much for your help

[jettrue]

Thanks...I will go and make the changes today.

I thought that I would try one changing the left side first to see if I had success. I'm a bit confused about changing the right sidebox. The new image makes sense.

I'm trying to do the math here....the right side I want at 140px and yours is 165px. Do I just change the 165 to 140 or do I have to account for the extra 15px like I did for the left sidebox.

Also, I made my header.jpg 1000px wide, but it still doesn't go straight across the page to match up on the left size. Do you know how wide I should re-size this?

Thanks so very much for your help

No. The right sidebox (and the left for that matter), in my original template, is 150px wide (NOT 165px), and in the stylesheet, all the values for the right side are at 150px, and all the values for the left side are at 165px (even though the left side box is ACTUALLY 150px - due to padding issues).

To make your right sideboxes 140px, you need to change those parts that were ORIGINALLY 150px to 140px. Oh, and there is one bit that is 170px, change to 160px.

Your website currently has the right box at 150px, that you need to change to 140px in "Configuration", "layout settings"

[Micki]

No. The right sidebox (and the left for that matter), in my original template, is 150px wide (NOT 165px), and in the stylesheet, all the values for the right side are at 150px, and all the values for the left side are at 165px (even though the left side box is ACTUALLY 150px - due to padding issues).

To make your right sideboxes 140px, you need to change those parts that were ORIGINALLY 150px to 140px. Oh, and there is one bit that is 170px, change to 160px.

Your website currently has the right box at 150px, that you need to change to 140px in "Configuration", "layout settings"

Thank you Jade...you are the best! It worked the site is starting to look much nicer.

I still have the issue with my header looking off balance with the rest of the site. I change the width from 1000px to 1300px thinking that would fix the header and it doesn't look any different than before. Is there something in the code that I have to change to get the header to line up?

[jettrue]

Thank you Jade...you are the best! It worked the site is starting to look much nicer.

I still have the issue with my header looking off balance with the rest of the site. I change the width from 1000px to 1300px thinking that would fix the header and it doesn't look any different than before. Is there something in the code that I have to change to get the header to line up?

The template changes sizes, so you'll never be able to have the exact width. Upload a smaller logo, then give #logoWrapper the same background color that your logo has. And remove the padding-left from #logo.

[zhouu]

I am having problems at checkout when i change the template to cherry zen. Is there anyone that can help me fix this? Thanks.

[01-Mar-2009 01:20:13] PHP Warning: require(includes/templates/template_default/templates/tpl_checkout_default.php) [<a href='function.require'>function.require</a>]: failed to open stream: No such file or directory in /home/gqgroupi/public_html/includes/templates/cherry_zen/common/tpl_main_page.php on line 114
[01-Mar-2009 01:20:13] PHP Fatal error: require() [<a href='function.require'>function.require</a>]: Failed opening required 'includes/templates/template_default/templates/tpl_checkout_default.php' (include_path='.:/usr/local/php52/pear') in /home/gqgroupi/public_html/includes/templates/cherry_zen/common/tpl_main_page.php on line 114