remove space/shadow and image quality loss

[gryme]

Hi, few questions

1 How do T remove this black spacer that is in default store of the demo page.
2 How do i remove this shadow under the products or change it to white.
3 using a white background on the images makes it very grainy and adds”cream” colored pixels…i darkened the image a bit so you can get a clearer example.

on the product page the images have a 100% white background its just in the product viewer they don’t… how can i fix this or cant i?

Thank you

[Kyle – SUPPORT]

Hi

1 & 2) Add this to your custom css:

.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
  border-top: medium none;
  padding-top: 25px;
}
.woocommerce ul.products li.product figure {
  box-shadow: none;
}

3) This is not something that would be caused by the theme, either your product image backgrounds are slightly off white, or something that WordPress causes.

– Kyle

[gryme]

Hi, thanx for the reply
Pasted right here and it didn’t change anything on the store page.

Also i used the exact dimensions of the demo files for my products and only when making them smaller the backgrounds became a clear white and not pixelated.

ty again

[Kyle – SUPPORT]

Are you using a cache plugin? That CSS should work, if it doesn’t I would need to see your link and possibly have access to the backend

– Kyle

[gryme]

This reply has been marked as private.

[Kyle – SUPPORT]

You need to delete the cache from the plugin

– Kyle

[gryme]

It worked on some of the store pages….but not the one i was looking at. thanx sorted 🙂

[Kyle – SUPPORT]

Ok great!

– Kyle

[gryme]

I still have the shadow on the actual product page once selected in the store under the images showing off the item. What line of code would remove that now plz?

The problem was I am using different plugins that assign css to the default ones that come with the theme. Getting a plugin that applies css globally worked.

[Melanie – SUPPORT]

Hey, can you link us to the exact page you need to remove the shadow? Thanks!

[Kyle – SUPPORT]

Try this:

.woocommerce ul.products li.product figure {
  box-shadow: none!important;
}

– Kyle

[gryme]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this:

#product-img-slider {
  box-shadow: none;
}

– Kyle