Cherry Zen Template Support Thread

sleepless:

Hi,

I have been messing with this for far too long. I noticed a number of mistakes in my css and scrapped the entire file. Well...now that I've started over, I can't get a few things to work again. The old file was unreadable so I am not sure how I did all these things over the time I have been using this template.

The biggest is the white background in the center of my page. Please take a look. I have tried everything I can think of to add my background image to match the rest of the page, the light beige background, but I can't seem to find the right id to make it happen.

Any help would be appreciated it. You can see what I mean by looking here.
http://www.kellyscountrycorner.com

Thanks,
Kelly

It looks good to me. What browser are you using?

I thought I had my site just the way I wanted it and then I opened it up in IE6 - Arggghhhhh! It looks fine in FF and Safari but in IE6 all the formatting seems to be off and it looks terrible. Can anyone help?

The site is: http://www.e x p r e s s m e t a b o l i c s . c o m / z e n c a r t

I spaced it out because it's not a live store yet and I don't want the se's picking it up yet. Anyway, any help would be appreciated!

Thanks,
Bekah

sorry i just found the answer!

rleepac:

I thought I had my site just the way I wanted it and then I opened it up in IE6 - Arggghhhhh! It looks fine in FF and Safari but in IE6 all the formatting seems to be off and it looks terrible. Can anyone help?

The site is: http://www.e x p r e s s m e t a b o l i c s . c o m / z e n c a r t

I spaced it out because it's not a live store yet and I don't want the se's picking it up yet. Anyway, any help would be appreciated!

Thanks,
Bekah

Does this happen in my test site http://www.cherryzen.jadetrue.com? If not, then reload the original stylesheet to your site, and see if it still happens. If it looks fine, then it was some change that you made causing it. Then apply your changes a little at a time.

Hi Jade -
I would like to increase the width size of my attributes box to the max. on the various product pages on my new sit at https://www.clonecopies.net (have looked through but cannot seem to find the answer anywhere in the faq's)
regards
Rufus

Good Afternoon Jade

Thanks for producing such a nice template set. YUP, I buttering you up for a favor...

Is there any chance that you have an image set in Navy Blue? or a little lighter, about the same color as a US Flag's blue field.

I can do allot of things technically, but my artistic side hasn't kicked in yet.

Thanks again for a fine template.

JOhn ><>

Stuff4Toys:

Good Afternoon Jade

Thanks for producing such a nice template set. YUP, I buttering you up for a favor...

Is there any chance that you have an image set in Navy Blue? or a little lighter, about the same color as a US Flag's blue field.

I can do allot of things technically, but my artistic side hasn't kicked in yet.

Thanks again for a fine template.

JOhn ><>
It can match this blue or I can adapt this to the shade you have.

Thanks
JOhn ><>

Jade, on another note, is there any way to achieve this effect?

I would even like to get the flagpole higher so that the flag stuck up over the top of the bar a little more.

JOhn ><>

Hello,
when i want to change the width of the boxes it doesnt work, why?

Hi jettrue,
I just wanted to say Thank You for your excellent Template and support on theis thread.

I have just installed Zen Cart for the first time and installed your Template on my site Today, and worked everything out by reading all your excellent replies here.

Just goes to show you that if you like something and get stuck, follow the thread and most answers are there.

I have also installed Easy Populate and now have that working as well after 5 hours of trying.

Once again Thank You very much for all your effort.

Best Regards to you and your family.

Anne.
P.S. A big thank You to all forum members who as well for making this place a pleasure to be part of.

markus75:

Hello,
when i want to change the width of the boxes it doesnt work, why?

Hi Markus,
I'm new here as well but will try to help.
have you followed this from the read me:

I'm not saying you havent read it, just trying to be helpful.

Regards,

Anne.

8. Go to "Configuration", "Layout Settings" and set the left and right sideboxes to "150px" wide. Notice there are two spots to do this for both the left and right sideboxes, so you have to enter "150px" 4 times. If you want a wider column width, pleas read #5 in the TIPS section below.

9. To change the width of the sideboxes, open up the admin, and change the widths of the left and right columns under "Configuration", "Layout Settings". Note that this needs to be changed in two spots for each side.

Lets say you increase the width of both sideboxes to 170px (20px more - the original is 150px), you'll need to open up includes/templates/cherry_zen/css/stylesheet.css and change .outer's padding-right to 170px (20 px more) and change all the instances of 165px in the section below, to 185px (20 px more):
Code:

.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 */
}

NOW, the grey background behind the sidebox will still be 150px wide, so you need to open up includes/templates/cherry_zen/images/sidebox.gif and change it to 170px wide, and re-upload the changed image.

Is it possible to close the gaps in the registration/signup form? There are gaps between the fields.

Thanks

Found the problem.

Change this in stylesheet.css

LABEL.inputLabel {
	width:90%;
	float:left;
	margin:.3em;
}

with this

LABEL.inputLabel {
	/*width:90%;*/
	width: 11em;

	float:left;
	margin:.3em;
}

markus75:

Hello,
when i want to change the width of the boxes it doesnt work, why?In the Cherry Zen zip file there is a file named "readme_or_else.txt" This file describes in detail how to make many changes to this template including column width.

Probably why it is named "Read Me or Else"
Have a GREAT Day
JOhn ><>

jettrue:

Does this happen in my test site http://www.cherryzen.jadetrue.com? If not, then reload the original stylesheet to your site, and see if it still happens. If it looks fine, then it was some change that you made causing it. Then apply your changes a little at a time.

Tried replacing it with the original sylesheet and it still comes up wrong. On the right side the sidebox headers are correct but the sidebox graphic (background) gets cut off and the ez pages bar, logo, and menu bar all get cut off on the right side. Same thing with the original stylesheet.

Is it something on my IE settings? Or can anyone else with IE6 see the same thing I'm seeing?

rleepac:

Tried replacing it with the original sylesheet and it still comes up wrong. On the right side the sidebox headers are correct but the sidebox graphic (background) gets cut off and the ez pages bar, logo, and menu bar all get cut off on the right side. Same thing with the original stylesheet.

Is it something on my IE settings? Or can anyone else with IE6 see the same thing I'm seeing?

I got it. On the stylesheet I had the width set to 80% instead of 100% in the line that was for IE. Now it's working fine. Thank you!

> intelz:

Hi Markus,
I'm new here as well but will try to help.
have you followed this from the read me:

I'm not saying you havent read it, just trying to be helpful.

Regards,

Anne.

8. Go to "Configuration", "Layout Settings" and set the left and right sideboxes to "150px" wide. Notice there are two spots to do this for both the left and right sideboxes, so you have to enter "150px" 4 times. If you want a wider column width, pleas read #5 in the TIPS section below.

9. To change the width of the sideboxes, open up the admin, and change the widths of the left and right columns under "Configuration", "Layout Settings". Note that this needs to be changed in two spots for each side.

Lets say you increase the width of both sideboxes to 170px (20px more - the original is 150px), you'll need to open up includes/templates/cherry_zen/css/stylesheet.css and change .outer's padding-right to 170px (20 px more) and change all the instances of 165px in the section below, to 185px (20 px more):
Code:

.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 */
}

NOW, the grey background behind the sidebox will still be 150px wide, so you need to open up includes/templates/cherry_zen/images/sidebox.gif and change it to 170px wide, and re-upload the changed image.

Thanks. I did the changes.
But now i have this problem:

As you can see, that space on the right is much less than the left.
How can i set the same size?

markus75:

Thanks. I did the changes.
But now i have this problem:

As you can see, that space on the right is much less than the left.
How can i set the same size?

Please post a link to your site. And double and triple check that you followed the instructions EXACTLY, its easy to miss something with css.

Hello, my website is http://footballmaniax.com/.

And below is how i edited that part of the stylesheet.css
I also edited the sidebox.gif to be 170px large.

}
.outer {
	padding-left: 185px; /* 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: -185px; /* Same length as .outer padding-left but with negative value */
}
#content {
	float: right;
	margin-right: -185px; /* Same length as .outer padding-left but with negative value */
	width: 100%;
	line-height:1.6;
	position: relative; /* IE needs this  */

Thanks a lot in advance for your help :smile:

markus75:

Hello, my website is http://footballmaniax.com/.

And below is how i edited that part of the stylesheet.css
I also edited the sidebox.gif to be 170px large.

}
.outer {
padding-left: 185px; /* 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: -185px; / Same length as .outer padding-left but with negative value /
}
#content {
float: right;
margin-right: -185px; / Same length as .outer padding-left but with negative value /
width: 100%;
line-height:1.6;
position: relative; / IE needs this */

> 
> Thanks a lot in advance for your help :smile:

> Lets say you increase the width of both sideboxes to 170px (20px more - the original is 150px), you'll need to open up includes/templates/cherry_zen/css/stylesheet.css **and change .outer's padding-right to 170px** (20 px more) and change all the instances of 165px in the section below, to 185px (20 px more)

That's from the readme, see the part in bold, that is what you missed.