Woo Commerce thumbnails have become squashed

[cdbehrle]

At some point all my thumbnails in woocommerce have become squashed, around the same time my “add to cart” button on my Variable products (only variable products) overlaps the bottom of the description area and shows as a transparent grey.

This must have happened with some update and I would like to know how to fix - at some point you guys helped me to get the thumbnails set up correctly - with custom css -but it is so long ago I don’t know where to look. The button is something else.

This page show both issues:
https://carladawnbehrlenyc.com/shop/cutworked-laced-skellington-dress/

Appreciate your help getting this back to it’s original look this is a non variable item for comparison and the thumbnails on all products are supposed to be squarehttps://carladawnbehrlenyc.com/shop/mermaid-green-ayesha-dress/

Thank You

[nabeel]

Hi @cdbehrle,

Thank you for reaching out to us. I checked your setup and I see the content is being served by the cache on your site. First clear all caches including the browser’s cache and see if this resolves the issue. If this doesn’t help then please check for the following first:

1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Make sure the version of WooCommerce you’re using is compatible with out theme. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

2. After clearing all caches, deactivate your caching plugin and other optimization plugins.

3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

4. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

5. Remove custom CSS, JavaScript and deactivate your child theme and switch to parent theme (take a complete backup first).

If nothing works then try adding the following code in the Theme Options > CSS:

@media screen and (min-width: 767px) {
 .flex-control-nav.flex-control-thumbs li {
    flex: 1 1 0 !important;
 }
}

Hope this helps!

[cdbehrle]

@Nabeel

@media screen and (min-width: 767px) {
.flex-control-nav.flex-control-thumbs li {
flex: 1 1 0 !important;
}
}

Thank You that css did the trick for the photos- not for the button.
cleared caches- turned off optimization.
the rest is far too much for me to figure out - may slowly check plugins…but thanks for helping me fix thumbnails

[ruenel]

You’re welcome!
We’re glad @Nabeel were able to help you out.