Cherry Zen Template Support Thread

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

[markus75]

Yes i forgot that value, but changing only that, things went worst:




So, i changed also the margin-right value here below to 170 (it was 150):

#navColumnTwo {
    float: right;
    margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
    position: relative; /* IE needs this  */ 

Now the columns look right but still the central page it's not right centered (still more space on the right):

[srt9969]

Hi all,

I'm just setting up some info on an ezpage. I copy/pasted from my old site, and the formatting (to my surprise) stayed pretty good. The problem is that the page footer seems embedded behind my info. That is, my content hasn't 'pushed' the footer to the foot...

Page is http://www.h a m i l t o n t a y l o r.co.uk/zen/index.php?main_page=page&id=15

I guess its something in the html, but I'm not codey enough find the problem. If this is not a Cerry Zen issue, apologies, and I'll take it elsewhere...

Thanks in advance,

Sean

[jettrue]

Hi all,

I'm just setting up some info on an ezpage. I copy/pasted from my old site, and the formatting (to my surprise) stayed pretty good. The problem is that the page footer seems embedded behind my info. That is, my content hasn't 'pushed' the footer to the foot...

Page is http://www.h a m i l t o n t a y l o r.co.uk/zen/index.php?main_page=page&id=15

I guess its something in the html, but I'm not codey enough find the problem. If this is not a Cerry Zen issue, apologies, and I'll take it elsewhere...

Thanks in advance,

Sean

It's because of all the absolute positioning used. The site doesn't know that its supposed to "contain" that information, as the absolute positioning has taken it out of the flow of the site.

But a quick and dirty fix is to change the very first div in front of that content from this:

<div>

to this:

<div style="height:1200px;">

[srt9969]

It's because of all the absolute positioning used. The site doesn't know that its supposed to "contain" that information, as the absolute positioning has taken it out of the flow of the site.

But a quick and dirty fix is to change the very first div in front of that content from this:

<div>

to this:

<div style="height:1200px;">

Quick and dirt is fine, as the content is unchanging. Thanks for the timely help.

Regards,

Sean

[jettrue]

Yes i forgot that value, but changing only that, things went worst:




So, i changed also the margin-right value here below to 170 (it was 150):

#navColumnTwo {
    float: right;
    margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
    position: relative; /* IE needs this  */ 

Now the columns look right but still the central page it's not right centered (still more space on the right):

It's because your site is so wide. If your logo were only 1000px, then it wouldn't do that. I would actually suggest that you do that, your site is a little too wide, in my opinion, and even on my widescren, high resolution monitor, I have to increase my browser width, because I don't keep my browser super wide.

Anyway, if you want to keep your logo at 1250, you can change the 97% of .float-wrap to 98%.

Also, you can remove the padding-left:15px of #logo to remove the white space to the left of your logo.

[markus75]

Now i edited the logo to be 1000px wide.
But the site doesnt change its width.
And how i center logo? The file readme says: "remove float:left; from the #logo tag in the css", i did so but it doesnt work.

[markus75]

Also i did not understand if i did right to edit the value in this part:

#navColumnTwo {
    float: right;
    margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
    position: relative; /* IE needs this  */ 

[jettrue]

Also i did not understand if i did right to edit the value in this part:

#navColumnTwo {
    float: right;
    margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
    position: relative; /* IE needs this  */ 

Yes, I'm sorry, I've added this to my instructions for the next update.

Here's the original:

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

So change the 150px to 170px, and the 170px to 190px.

[markus75]

I uploaded here the stylesheet.css that is on use in the site at the moment: http://footballmaniax.com/stylesheet.css.txt
If you want to take a look at it. Thanks.