WooCo Product Thumbnails As Navigation "Dots"

gistfile1.txt

#-product-images-8-117 .flex-control-thumbs {
 padding: 16px 32px 16px 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: auto;
}

#-product-images-8-117 .woocommerce-product-gallery .flex-control-thumbs > li {
 min-width: 0px;
 min-height: 0px;
 width: 16px;
 height: 16px;
 overflow: hidden;
 margin-left: 8px;
 margin-right: 8px;
}

#-product-images-8-117 .woocommerce-product-gallery .flex-control-thumbs > li > img {
 opacity: 0;
}

#-product-images-8-117 .woocommerce-product-gallery .flex-control-thumbs > li > img.flex-active {
 opacity: 1;
 filter: contrast(0);
}