Cherry Zen Template Support Thread

[jettrue]

Hi Jettrue,

I am using your Cherry zen on one of my sites and I love it. But I want to know how, if it's possible, to use the drop shadow on the product info images on my other site. I don't want to install the whole template as I'm pretty happy with the site the way it is. I want to add it to the Kelly's Country Corner site. I use a tan background image and I think the illusion that the images are actual bordered photos would look really nice. Is there any way to do that without the whole template? Nothing against the template...you know I love it!

Thanks,
Kelly

Sure, all you'd have to do is upload includes/templates/cherry_zen/tpl_modules_main_product_image.php (to your template folder of course)

Then add this to your css:

#productMainImage{
 	float:left;
	background: url("../images/shadowAlpha.png") no-repeat bottom right !important;
	background: url("../images/shadow.gif") no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}

#productMainImage img{
	display: block;
	position: relative;
	background: #ffffff;
	margin: -3px 6px 6px -3px;
	border: 1px solid #a9a9a9; /* defines the border for the product image. To remove the border delete or comment out this line, AND padding: 4px; below */
	padding: 4px;
	}

I think that will take care of it!