Shadow box still on product pages?

I used the code:

article, .widget {
	-webkit-box-shadow: none;

and this code:

.gallery-item img {
    border: 0 !important;

To remove the shadow boxes. It worked on everything except my product pages. How would I remove the shadow from the product pages?


Styles for WooCommerce are applied separately, so you need to remove border from that area as well. You can do it like this:

#content-woocommerce {
  box-shadow: none;
  -webkit-box-shadow: none;

Thank you!