Cherry Zen Template Support Thread

Anyone with cherry zen, can you help me? I have searched, but the search engine on here isnt to great. sorry.

I want to ADD another box at the top where "HOME LOGIN MY ACCOUNT, Etc..." are located... what do i need to do?

Also, i want to remove the SIDE search bar, and keep the one at the top. The setup for that isnt in the layout box setup either.
?

And furthermore, i want to move the top bars over to the left, and put the search on the right....

I am not asking for much am i? :) Thanks ahead of time! seeya

I love the temp. I have three questions about it:

1. I have about a fifth of and inch of the lite blue shadow over the top of the life and right sideboxes. How do I get rid of that?

2. How do change the screen size to full.
   ex:
   #mainWrapper {
   background-color: #ffffff;
   text-align: left;
   width: auto;
   vertical-align: top;
   border: 1px solid #9a9a9a;
   }

3. How do you change the size of the lite blue shadow if you change the size of the sideboxes.

Thanks
Dave

Ok I looked and looked and can't find an answer. :blink:

I've seen this on other sites using this template, so I figure it can't just be me.
I've changed the sidebox.gif image to a different color.

Now behind the sidebox search there is yellow showing up around the edges. (see attached image)
This ONLY happens on the homepage. It's fine on every other page on the site.

I'm seeing it using IE7...it does not appear in FireFox.

And I know this sounds crazy...but I swear I don't think it was doing this until I tested using just a background color for the sideboxes instead of an image. (But I could be wrong and just didn't notice it)

The only piece of code I changed was this:

#contentMainWrapperb {
	background:url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
	border-top: solid 2px #5C6A68;
	}

to this:

#contentMainWrapperb {
background: #a1abaa; /url("../images/sidebox.gif") 0 0 repeat-y; / This is the left column background "faked" with an image. */
border-top: solid 2px #5C6A68;
}

I saw it affected the entire page and immediately changed it back. But this should not have affected the right sidebox anyway. I use a different width image on the right named sidebox2.gif and I didn't change the code pertaining to it at all.

I apologize for rambling, but I wanted to try and give you as much information as possible.

This is a Version 1.3.8a cart, but I've run into the same problem on one or two of my 1.3.7 carts too. I know I can just turn it off...but it's bugging me. :laugh:

Thanks for your help and this awesome template!

Boggled:

Ok I looked and looked and can't find an answer. :blink:

I've seen this on other sites using this template, so I figure it can't just be me.
I've changed the sidebox.gif image to a different color.

Now behind the sidebox search there is yellow showing up around the edges. (see attached image)
This ONLY happens on the homepage. It's fine on every other page on the site.

I'm seeing it using IE7...it does not appear in FireFox.

And I know this sounds crazy...but I swear I don't think it was doing this until I tested using just a background color for the sideboxes instead of an image. (But I could be wrong and just didn't notice it)

The only piece of code I changed was this:

#contentMainWrapperb {
background:url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
border-top: solid 2px #5C6A68;
}

> 
> to this:
> 
> 
> 
> I saw it affected the entire page and immediately changed it back.  But this should not have affected the right sidebox anyway.  I use a different width image on the right named sidebox2.gif and I didn't change the code pertaining to it at all.
> 
> I apologize for rambling, but I wanted to try and give you as much information as possible.  
> 
> This is a Version 1.3.8a cart, but I've run into the same problem on one or two of my 1.3.7 carts too.  I know I can just turn it off...but it's bugging me. :laugh:
> 
> Thanks for your help and this awesome template!

Remember that the sidebox search is an image itself, so if you change the color of the sidebox, the search box needs to be changed as well.

jettrue:

Remember that the sidebox search is an image itself, so if you change the color of the sidebox, the search box needs to be changed as well.

Hi Jade!

Well that was my first thought and I tried that, but it didn't work. Then I completely deleted the image out of the images folder just to see what would happen and now there is a yellow box showing. (see attached screenshot).

I have found something else though...and it explains why I didn't see it before. When there was no main page text, the yellow didn't show up. As soon as text was added, the yellow background appeared.

Thru a process of elimination, I have narrowed it down to being triggered by one word on the page...the word 'email'. I can substitute contact us and it doesn't have the yellow background. Any version of the word email, e.g.: E-mail, e-mail or email ... triggers the yellow background behind the search box.

The text is not linked either. It is just the word. I tried it both ways and it didn't make a difference.

I was incorrect before when I said it only occurred on the main page. It shows up like this on any page which has the word 'email' on it. It also does it with the original sidebox.gif images in place (see second screenshot).

My web developer toolbar is identifying it as" background-color: #FFFFA0 ", but this is not in any of the stylesheets.

Any clue as to what is causing this and where I can go to get rid of it?

Thanks!!

Boggled:

Hi Jade!

Well that was my first thought and I tried that, but it didn't work. Then I completely deleted the image out of the images folder just to see what would happen and now there is a yellow box showing. (see attached screenshot).

I have found something else though...and it explains why I didn't see it before. When there was no main page text, the yellow didn't show up. As soon as text was added, the yellow background appeared.

Thru a process of elimination, I have narrowed it down to being triggered by one word on the page...the word 'email'. I can substitute contact us and it doesn't have the yellow background. Any version of the word email, e.g.: E-mail, e-mail or email ... triggers the yellow background behind the search box.

The text is not linked either. It is just the word. I tried it both ways and it didn't make a difference.

I was incorrect before when I said it only occurred on the main page. It shows up like this on any page which has the word 'email' on it. It also does it with the original sidebox.gif images in place (see second screenshot).

My web developer toolbar is identifying it as" background-color: #FFFFA0 ", but this is not in any of the stylesheets.

Any clue as to what is causing this and where I can go to get rid of it?

Thanks!!

Ah. Its what IE7 does to designate "auto fill" fields. Perhaps do a google search to see if there is a way to stop auto fill fields from turning yellow.

jettrue:

Ah. Its what IE7 does to designate "auto fill" fields. Perhaps do a google search to see if there is a way to stop auto fill fields from turning yellow.

Thanks Jade!

I always say "Google is your friend"...let's hope it holds true this time too. :laugh:

Boggled:

Thanks Jade!

I always say "Google is your friend"...let's hope it holds true this time too. :laugh:

I've googled myself... are you by change using the Google Toolbar? :smile:

jettrue:

I've googled myself... are you by change using the Google Toolbar? :smile:

Yes I am! You must have found the same thing I did. :laugh:

Hi,
Thanks for the template.
I want to put a background image behind my logo and sales tag line (in the same space at the top of the page). Can anyone tell me how/what I need to do and if there is anything I should be aware of , for example, resolution or size-wise?
Many thanks,
RtX

Hi:

Am using this template and it's awesome, specially how you have several in one via colours.

Anyway, I want to try to rearrange my product info page.

At the moment I have a few things unavailable but I still want people to have the option of ordering them.

I have changed the available date but it appears down the very bottom of the page and would like to move this notice maybe under the Add to Cart button or as a bullet point where `manufacturer' is.

What file(s) am I trying to find to edit and achieve this?

Thanks
Ernie

Two questions

How do I expand the width of the left column?

When I disable modules from the right colum, the grey background of the colum still shows up and the space is not used by the centre column. How can I change this?

esugrue:

Hi:

Am using this template and it's awesome, specially how you have several in one via colours.

Anyway, I want to try to rearrange my product info page.

At the moment I have a few things unavailable but I still want people to have the option of ordering them.

I have changed the available date but it appears down the very bottom of the page and would like to move this notice maybe under the Add to Cart button or as a bullet point where `manufacturer' is.

What file(s) am I trying to find to edit and achieve this?

Thanks
Ernie

Try looking in the includes/templates/cherry_zen/templates/tpl_product_info_display.php. Its nicely segregated into sections; you should be able to find the date available section, and move it where you want it.

maraud:

Two questions

How do I expand the width of the left column?

When I disable modules from the right colum, the grey background of the colum still shows up and the space is not used by the centre column. How can I change this?

From the readme, TIPS section:

3. To have ONLY left sideboxes, open up includes/templates/cherry_zen/css/stylesheet.css and remove the padding-right from the .outer section:

.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div */
padding-right: 150px; /* Our right column width */
}

and remove the background image from #contentMainWrapper.

To change the width of the left column, open up the admin, and change the left column width under "Configuration", "Layout Settings".

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

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

Great Template!!

How do I change the item description font styles? So I can add the description when I create a new product and all of the descriptions on the site have the same style? Such as arial font bold font size and color?

Thanks!!

Hi Jade and fellow Zenners,

I hope that you have had a nice holiday season and happy new year!

I've been wrestling with this little cross-browser compatibility issue for a while and I am hoping that you will be able to help me figure it out.

When I have product attributes the attributes box on the product_info_display page looks fine in IE6 and 7, I have the option names set to "3" so the image appears above the text and radio button. But in Firefox 2.0.0.2/Netscape 9/Opera 9.25 the radio button is way off to the left.

I've attached a few screenshots to show what's happening, and if you want to see it live go to http://www.drumfactorydirect.com/index.php?main_page=product_info&cPath=6_9_10&products_id=1910

I've been messing around with the stylesheet, tpl_modules_attributes.php and modules/attributes.php but I can't get the radio button to get closer to the image and option value/price like it is in IE6/7.:frusty: It's almost like there is some hidden field that is blocking the radio box from moving closer to the image/name/price.

Do you have any ideas as to what needs to be done to get it to look somewhat better? It doesn't have to be exactly like IE6/7 but it's so far away from the rest of the attribute info that it can be a little confusing as to which radio button goes with which attribute.

Thanks for any help!

Matt

RtX:

Hi,
I want to put a background image behind my logo and sales tag line (in the same space at the top of the page). Can anyone tell me how/what I need to do and if there is anything I should be aware of , for example, resolution or size-wise?

(I am using Cherry Zen template). Anyone able to help me?
TIA,
RtX

lankeeyankee:

Hi Jade and fellow Zenners,

I hope that you have had a nice holiday season and happy new year!

I've been wrestling with this little cross-browser compatibility issue for a while and I am hoping that you will be able to help me figure it out.

When I have product attributes the attributes box on the product_info_display page looks fine in IE6 and 7, I have the option names set to "3" so the image appears above the text and radio button. But in Firefox 2.0.0.2/Netscape 9/Opera 9.25 the radio button is way off to the left.

I've attached a few screenshots to show what's happening, and if you want to see it live go to http://www.drumfactorydirect.com/index.php?main_page=product_info&cPath=6_9_10&products_id=1910

I've been messing around with the stylesheet, tpl_modules_attributes.php and modules/attributes.php but I can't get the radio button to get closer to the image and option value/price like it is in IE6/7.:frusty: It's almost like there is some hidden field that is blocking the radio box from moving closer to the image/name/price.

Do you have any ideas as to what needs to be done to get it to look somewhat better? It doesn't have to be exactly like IE6/7 but it's so far away from the rest of the attribute info that it can be a little confusing as to which radio button goes with which attribute.

Thanks for any help!

Matt
Remove .attribImg from this long line in the css.

#cartProdTitle,.centeredContent,TH,#cartEmptyText,#cartBoxGVButton,#cartBoxEmpty,#cartBoxVoucherBalance,#navCatTabsWrapper,#navEZPageNextPrev,#bannerOne,#bannerTwo,#bannerThree,#bannerFour,#bannerFive,#bannerSix,#siteinfoLegal,#siteinfoCredits,#siteinfoStatus,#siteinfoIP,.center,.cartRemoveItemDisplay,.cartQuantityUpdate,.cartQuantity,.cartTotalsDisplay,#cartBoxGVBalance,.leftBoxHeading,.centerBoxHeading,.rightBoxHeading,.productListing-data,.accountQuantityDisplay,.ratingRow,LABEL#textAreaReviews,#reviewsInfoDefaultProductImage,#productReviewsDefaultProductImage,#reviewWriteMainImage,.centerBoxContents,.specialsListBoxContents,.categoryListBoxContents,.additionalImages,.centerBoxContentsSpecials,.centerBoxContentsAlsoPurch,.centerBoxContentsFeatured,.centerBoxContentsBestSellers,.centerBoxContentsNew,.gvBal,.attribImg,#linksboxContent {
text-align:center;
}

CarolinaReefs:

Great Template!!

How do I change the item description font styles? So I can add the description when I create a new product and all of the descriptions on the site have the same style? Such as arial font bold font size and color?

Thanks!!

You can change the product description's font with this tag in the css:

#productDescription {
font-weight:bold;
}

Of course adding whatever font style you like. :cool:

[quote=jettrue;490673]From the readme, TIPS section:

3. To have ONLY left sideboxes, open up includes/templates/cherry_zen/css/stylesheet.css and remove the padding-right from the .outer section:
 
.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div */
padding-right: 150px; /* Our right column width */
}
 
and remove the background image from #contentMainWrapper.

Thanks