WooCommerce图片大小

Question

我的网站一直很好，直到今天我发现突然间，商店的任何页面上的产品图像的尺寸突然变大到大尺寸。我没有改变任何代码，但我认为有些事情让人不安。以前4个类别正确大小的坐在一起，现在已经下降到两倍大的两个图像。

https://www.raymondmayjewellers.com/store/

人都可以拥有通过轻弹，看看是什么原因造成这一点，我如何去纠正呢？谢谢！

Answer 1

在您的网站上修改了一些东西。要并排回到4类方面，你需要作如下修正：

.woocommerce ul.products li.product:nth-child(2n), 
.woocommerce-page ul.products li.product:nth-child(2n) { 
    /* float: right; */ 
    /* clear: none!important; */ 
} 

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product { 
    width: 24%; /* was 48% */ 
    float: left; 
    /* clear: both; */ 
    margin: 0 0 2.992em; 
} 

编辑：

好像卸下样式不会帮助。试试下面的不是：

.woocommerce ul.products li.product:nth-child(2n), 
.woocommerce-page ul.products li.product:nth-child(2n) { 
    float: left; 
    clear: none!important; 
} 

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product { 
    width: 24%; 
    margin: 0 0 2.992em 0.4875em; 
    clear: none; 
} 

对于产品页面上删除或

.woocommerce #content div.product div.images, 
.woocommerce #content div.product div.images, 
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.images, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.images, 
.woocommerce-page div.product div.summary { 
    /* DELETE ME */ 
}