WooCommerce类别图像水平翻转?

时间:2018-01-22 01:55:20

标签: wordpress image woocommerce

默认情况下,Wordpress WooCommerce中我的类别页面上的所有图像都水平翻转。单击产品图像时,它将在单个产品页面上以正确的方向显示。

链接:

https://uglydukling.ca/product-category/hello-kitty/

如何使类别页面上的所有图像以正确的方向显示?

1 个答案:

答案 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

Inspect Screenshot