Css WooCommerce图像大小

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

---

任何人都可以浏览一下，看看是什么导致了这一点，以及我如何着手纠正它？谢谢

您网站上的某些内容已被修改。要同时返回到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 */
}

---

这是完美的，以获得正确的大小图像在类别和，但他们仍然只显示2每行与一个巨大的差距在中间？在产品页面上，主图像是整个区域的宽度，而不是空间大小的一半左右，添加到购物车选项位于右侧，就像以前一样？我感觉这可能来自一个插件，该插件本应将图像缩放到正确的大小，但现在已被删除，但似乎仍留下一团混乱！请看编辑。希望它能帮助你解决你的问题。感谢你迄今为止的帮助，我们肯定会越来越近！出于某种原因，现在它不是连续显示4幅图像，而是有时会留下空白，似乎没有一致性？此外，在某些情况下，单个产品的行数似乎比其他产品低几个像素。我仍然不知道为什么这个问题会发生在第一位！产品的描述换行为两行，这就是为什么该产品下面会出现间隙，请使用以下css来修复它li:nth-child5n{clear:left；}。我找不到像素数较少的单一产品，较低的链接可能会有所帮助。