carasmo
7/29/2017 - 9:03 PM

Hide rounding error FlexSlider WooCommerce

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;
}