Cherry Zen Template Support Thread

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

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

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

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.

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

to this:

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.

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

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

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.

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.

I did with attention the changes you suggested.
I think now it's everything ok.
Also the site looks better. Thanks for your suggestions.

I have 2 other questions:

1. when i use some german letters as "üöäß" in the name of the subdirectories of the products they dont appear correctly when i set german language in the site. With other languages i can see correctly these letters. Why?
2. How can i add a little image to be on the left of the name of categories in the menu in the sidebox?

Sorry, another question:
which value do i have to change to center vertically the words in this menu?

As you can see the space under the words is more.
Thanks again.

And when i set language to french and i choose a product, why the images do not appear any more? :unsure:

Hi -
2nd post can some-one please help, pretty please??
I would like to increase the width size of my attributes box to the max. on the various product pages on my new site Cherry zen template at https://www.clonecopies.net (have looked through but cannot seem to find the answer anywhere in the faq's)
regards
Rufus

markus75:

And when i set language to french and i choose a product, why the images do not appear any more? :unsure:

I'm sorry, I don't offer multiple languages support, as I've never used it. Perhaps ask in the general forum.

rufusclc:

Hi -
2nd post can some-one please help, pretty please??
I would like to increase the width size of my attributes box to the max. on the various product pages on my new site Cherry zen template at https://www.clonecopies.net (have looked through but cannot seem to find the answer anywhere in the faq's)
regards
Rufus

You'll have to open up includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php and move the attributes section (beginning at <!-- bof Attributes module--> and ending at <!-- eof attributes module -->)

to BELOW <!-- end of rightFloat-->

Then if you want the add to cart box above all the attributes, don't do anything else, but if you want the add to cart box below all the attributes, move the <!--bof add to cart --> BELOW <!-- eof attributes module-->

thanx a bunch, cant wait to get home to try it;
thanx a bunch - can I buy you a coffee abd bagel?
Rufusclc

jettrue:

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

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

Is there a way to do this? Even if I have to cut the logo image into 3 pieces?
JOhn ><>

Stuff4Toys:

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

Is there a way to do this? Even if I have to cut the logo image into 3 pieces?
JOhn ><>

Could you make that top 1/4 of your logo transparent, then force the logo up with a negative margin-top?

jettrue:

Could you make that top 1/4 of your logo transparent, then force the logo up with a negative margin-top?I thought about that, but woudn't it cover the search box then?
JOhn ><>

Stuff4Toys:

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

Is there a way to do this? Even if I have to cut the logo image into 3 pieces?
JOhn ><>Cut in two pieces, I can add a new class for logo2 in the stylesheet and the tpl_header.php then the negative margin for the second part.

Jade, your a genius!
JOhn ><>