Black Product Gallery Images

Support
#1

Hello - our product image thumbnails (single product page / woocommerce / x theme) are showing as black squares, they are working fine when you click on them (ie they display images correctly) but does anyone have any handy hints on how to make the thumbnails display little piccies not little black squares? Example as per below link - thank you for your assistance.

#2

Hello There,

Thanks for writing in!

You are experiencing this issue because you have added this code:

.woocommerce .product img {
    border: 1px solid grey;
	padding: 20px;
}

To resolve your issue, please have it updated and use this code instead:

.woocommerce .product img {
    border: 1px solid grey;
	padding: 20px;
}

.flex-control-nav.flex-control-thumbs li {
    background-color: white;
}

.flex-control-nav.flex-control-thumbs img {
    padding: 4px;
    width: 70px;
    height: 70px;
}

We would loved to know if this has work for you. Thank you.

#3

Thank you so much - it works a treat! Thanks again, really appreciate your help …

#4

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

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.