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