Cherry Zen Template Support Thread

wizard247:

Thanks - I have set the width to a fixed 1000 pixels now.

In doing so I noticed that it was actually the dropshadow stylesheet that prevented me from displaying the fluid width. (I was viewing my site on a 1440 x 900 resolution). As soon as I removed the stylesheet and consequent drop shadow, my site became indeed fluid.

Any ideas on my previous post of white space below the top navigation bar? (see above)

Cheers,
Wizard247

On my test site, it IS fluid even with the drop shadow.

See my previous post. :smile:

yoyoben:

I'm sure its been gone over, but I can't wade through 127 pages to see it.

First of all, great template, its amazing.

If you head to travoltron.com/store you'll see there is a Link in the EZ pages header for the accompanying forum. (I did not use phpBB, thus, I did not integrate it with zc.)
I'd love for this link to be in the same bar that shows the login, my account, checkout, etc.

I've pored over the stylesheet, but I'm at a loss for how to go about that.

I'd also love to add another button to link the blog.

Thanks everyone. I'm digging zc pretty hard, and loving the community effort. Everyone here rocks!
There's no way that could be done with the stylesheet. :no:

You'd have to open up includes/modules/sideboxes/cherry_zen/information.php

and add that link manually.

If you want it at the bottom of the box, just add it after this:

  if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') {
    $information[] = '<a href="' . zen_href_link(FILENAME_UNSUBSCRIBE) . '">' . BOX_INFORMATION_UNSUBSCRIBE . '</a>';
  }

Just make it like a regular link (don't worry about php):

<a href="http://travoltron.com/forum/">Name of link here</a>

wizard247:

Any ideas on my previous post of white space below the top navigation bar? (see above)

Cheers,
Wizard247
Replace the sections below of your stylesheet.css with these:

#navMain {
	float:right;
	width:750px;
	line-height:normal;
	height:32px;
	}

#navMain ul {
	float:right;
	list-style:none;
	}
	  
#navMain li {
	display:inline;
	}
	  
#navMain a {
	float:left;
	text-decoration:none;
	}
	
#navMain a span {
	float:left;
	display:block;
	padding: 7px 15px 0 15px;
	text-align:center;
	width:90px;
	cursor:pointer;
	height:25px;
	}

Anyone using Cherry zen with 1.3.8a zen cart and image handler2? When I put my mouse over a picture, it puts the picture in the upper right corner?

thesaintjim:

Anyone using Cherry zen with 1.3.8a zen cart and image handler2? When I put my mouse over a picture, it puts the picture in the upper right corner?

You didn't upload all of the IH2 files into the correct folder. Specifically make sure the javascript and css file for IH2 is in the cherry_zen folder.

I narrowed it down to something with Cherry Zen..It works just fine with my other templates. Time to dig around or just disable that feature in IH2

thesaintjim:

I narrowed it down to something with Cherry Zen..It works just fine with my other templates. Time to dig around or just disable that feature in IH2

NO, the issue is NOT cherry zen. Look at my test site: http://www.cherryzen.jadetrue.com

I promise you, the issue is that you did not move the necessary files to the cherry_zen folder.

hi jettrue,

how/what would i change to make the sideboxes have a white background with a blue outline (the same blue as the header)? right now i have the blue header with a very light blue/gray background and no outline.

thanks!

gsdcypher:

hi jettrue,

how/what would i change to make the sideboxes have a white background with a blue outline (the same blue as the header)? right now i have the blue header with a very light blue/gray background and no outline.

thanks!

The sidebox is controlled by an image:

includes/templates/cherry_zen/images/sidebox.gif

Change the image and reupload.

hi jettrue,

i added a blue line to either side of the sidebox.gif and changed the image color to white. that worked well. thanks.

but how would you recommend i stop it from extending past the top sidebox headers (there is a small gap between the top of the sidebox headers and the bottom of the nav bar). And how would you recommend that i close it off on the bottom?

thanks!

gsdcypher:

hi jettrue,

i added a blue line to either side of the sidebox.gif and changed the image color to white. that worked well. thanks.

but how would you recommend i stop it from extending past the top sidebox headers (there is a small gap between the top of the sidebox headers and the bottom of the nav bar). And how would you recommend that i close it off on the bottom?

thanks!

Add margin:0;

to

h3.leftBoxHeading, h3.rightBoxHeading

To border it off, you could add a border all across the bottom, like this:

.outer {border-bottom:1px solid #407894}

hi jettrue;

sweet. thank you much.

is there anyway to contain the border across the bottom to just the left and right side columns (and not have it go across the middle column)???

thanks.

gsdcypher:

hi jettrue;

sweet. thank you much.

is there anyway to contain the border across the bottom to just the left and right side columns (and not have it go across the middle column)???

thanks.

nope. IF you put a border on the left or right column, it would only extend as far as the content inside that column. So if you were viewing a page that had a lot of middle content (i.e. your shipping information page), the bottom lines of the left and right content would end before the middle content would. That is why I suggested the solution above, it is the best option.

Hi Jettrue,

I've set the width to 800px for my site and the top navagation is no longer aligned. Can this be fixed?

My Site can be viewed Here:

jettrue:

Replace the sections below of your stylesheet.css with these:

#navMain {
float:right;
width:750px;
line-height:normal;
height:32px;
}

#navMain ul {
float:right;
list-style:none;
}

#navMain li {
display:inline;
}

#navMain a {
float:left;
text-decoration:none;
}

#navMain a span {
float:left;
display:block;
padding: 7px 15px 0 15px;
text-align:center;
width:90px;
cursor:pointer;
height:25px;
}

You're a legend! Thank you so much!

Hi Jettrue,

Me again!

In IE7 my "Contact Us" page has the top grey line generated by the fieldset code continue into the right hand margin and off the screen, producing a horizontal scroll bar.

No such thing in FF.

Where do I go to look for this?

Thanks again!

Dannie:

Hi Jettrue,

I've set the width to 800px for my site and the top navagation is no longer aligned. Can this be fixed?

My Site can be viewed Here:

In your stylesheet, change #navMain's width to 650px.

wizard247:

Hi Jettrue,

Me again!

In IE7 my "Contact Us" page has the top grey line generated by the fieldset code continue into the right hand margin and off the screen, producing a horizontal scroll bar.

No such thing in FF.

Where do I go to look for this?

Thanks again!

Does this happen in my test site: http://www.cherryzen.jadetrue.com

jettrue:

Does this happen in my test site: http://www.cherryzen.jadetrue.com

No - it does not. Looks OK there.

wizard247:

No - it does not. Looks OK there.

I've fixed it - I had letter-spacing set to .05 em which was mucking things up. Removed the letter-spacing in the css and it's OK now.