Cherry Zen Template Support Thread

[jettrue]

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.

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

[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/ind...oducts_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. 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

[jettrue]

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/ind...oducts_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. 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;
}

[jettrue]

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.

[maraud]

[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

[lankeeyankee]

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

Wow! You are awesome!!!

Thank you soooo much!!

Matt

[maraud]

About the box header images.

Do you notice that they load slower than the rest of the page? They seem to load last, yet the header images at the top and teh center part load fast.

It looks like header is first, center is second then side boxes load third.

Is there a way the template can be made to load all at once or atleast, the header part and the side boxes first?

[Veronika7747]

Cherry Zen template & Return Authorization form..
I am having display problem in Cherry Zen after return authorization is submitted. Clyde had a look and suggested I ask here. Test site is at:
http://store.annron.com see how page is displayed after the form is submitted. Any suggestion?
Thanks