Cherry Zen Template Support Thread

[intelz]

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.

5. 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.

[oavs]

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

Thanks

[oavs]

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;
}

[Stuff4Toys]

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 ><>

[rleepac]

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!

[markus75]

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.

5. 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?

[jettrue]

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.

[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

[jettrue]

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

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.