默认情况下,Wordpress WooCommerce中我的类别页面上的所有图像都水平翻转。单击产品图像时,它将在单个产品页面上以正确的方向显示。
链接:
https://uglydukling.ca/product-category/hello-kitty/
如何使类别页面上的所有图像以正确的方向显示?
答案 0 :(得分:0)
您的商店中插入了自定义CSS代码,该代码正在翻转图像父包装器div:
.products .product figure.product-transition-fade .img-wrap.first-image {
display: block;
width: 100%;
height: auto;
z-index: 3;
transform: scaleX(-1);}
所以转换:scaleX(-1); 正在翻转你的图像父包装,尝试删除该行,你的图像就可以了。
另请参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scaleX