Background Behind Product Photo

I want to set a background behind the product photo for some shadow under it in version 4.2.1.

The CSS in the bass.css(+/- line 3054) is:

.product-main-info .image-border {

background: url(“/images/image-prod-back.png”) no-repeat scroll 0 0 transparent;

margin-right: 20px;

padding: 10px 17px 20px 10px;

min-height: 100px;


I see only a small | on the left under site of the photo.


NoOne how to fix this?

Have you tried css3 shadow effect?

No. Where to set this?


Open the theme editor via your admin panel, switch to Custom CSS and add the following code:

.ty-product-img {
box-shadow: 10px 10px 5px #888888;

I hope this will help.

Good morning,

It is better to use the prefixes in code, in order to shadow works with any browsers.

.ty-product-img {
box-shadow: 10px 10px 5px #888888;
o-box-shadow: 10px 10px 5px #888888;
moz-box-shadow: 10px 10px 5px #888888;
ms-box-shadow: 10px 10px 5px #888888;
webkit-box-shadow: 10px 10px 5px #888888;

Best regards, Alt-team.

Thanks a lot but i want this image behind the product photo