css - WooCommerce 图片尺寸

Question

直到今天，我的网站一直很好，我注意到商店任何页面上的产品图片突然变大了。我没有更改任何代码，但我认为有些事情让事情变得不愉快。以前 4 个类别并排放置，大小正确，现在已减少到 2 个图像的两倍大。

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 */
}