Drop Shadows on Product Pictures

Tourist
20 0 1

Can anyone point me in the direction of where I add some code so that all my product pictures on my collection pages have a small drop shadow?

I think(from some googling) that the code I need to use is -

div {
    box-shadow: 10px 10px 5px grey;
}

Although if not, some help would be great with what I need to use

 

Would be most appreciative :) 

0 Likes
Tourist
20 0 1

anyone?

0 Likes
Highlighted
Tourist
10 0 5

I want to do this to my product pictures aswell. I found this code:

 

img {    box-shadow: 0 0 10px rgba(0,0,0,.5);
}

 

Can someone please help me too?

 

Thanks

1 Like
Shopify Expert
72 9 9

This css code for box shadow

img{

-webkit-box-shadow: 15px 13px 5px 2px rgba(0,0,0,0.46);
-moz-box-shadow: 15px 13px 5px 2px rgba(0,0,0,0.46);
box-shadow: 15px 13px 5px 2px rgba(0,0,0,0.46);

}

0 Likes