
Originally Posted by
sleepless
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:
Code:
#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!
Bookmarks