Background Behind Product Photo

Developers Frontend
1

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.



thx.

2

NoOne how to fix this?

3

Have you tried css3 shadow effect?

4

No. Where to set this?

5

Hello,



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.

6

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.

7

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