Hide rounding error FlexSlider WooCommerce
.onsale {
box-sizing: content-box;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images .flex-control-nav.flex-control-thumbs li {
padding: 2px;
}
.single-product .woocommerce-product-gallery.woocommerce-product-gallery--with-images > ol.flex-control-nav.flex-control-thumbs {
margin: 2px -2px 0;
}
.woocommerce-product-gallery::after {
position: absolute;
content: '';
width: 1px;
top: 0;
bottom: 0;
right: 0;
background: #fff; /* your background color */
z-index: 1;
}
body.rtl .woocommerce-product-gallery::after {
right: auto;
left: 0;
}
/* remove #d9eaff blue background */
.flex-control-thumbs {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}