7.1 Drop Shadow on Product List and Related Products

Hello, 

I have very recently switched to 7.1. In 7.0, I used code (provided, kindly, on this forum) to create a drop shadow around product images on the 'product list' pages, and 'related products' within each product page. I'm having trouble applying the code in 7.1 and wondered if anyone could help please. Site is caferoyalbooks.com. I've attached a screenshot of the 7.0 site to show the shadow.

Thanks

The code I was using:

.ProductList-item:not( .tag-nosh ) .ProductList-outerImageWrapper {
  box-shadow : 2px 2px 3px;
  }

.ProductItem-relatedProducts-outerImageWrapper{
    opacity: 91% !important;
}

.ProductItem-relatedProducts-item ( .tag-nosh ) .ProductItem-relatedProducts-outerImageWrapper {
  box-shadow : 2px 2px 3px;
  }
.ProductItem-relatedProducts-outerImageWrapper {
  box-shadow : 2px 2px 3px;
  }

You can use this CSS code

div.grid-item:not(.tag-nosh) {
    box-shadow: 2px 3px 4px;
}

3 hours ago, tuanphan said:

You can use this CSS code

div.grid-item:not(.tag-nosh) {
    box-shadow: 2px 3px 4px;
}

 

thank you @tuanphan — that works but also includes the item price and title in the drop shadow. Is there a way to only include the image?

10 minutes ago, tuanphan said:

Remove this & use new code

div.grid-item:not(.tag-nosh) .grid-image {
    box-shadow: 2px 3px 4px;
}

 

thanks very much again for your help.