WooCommerce產品不在網格中顯示

我使用的WooCommerce的WordPress主題尚未被寫入與插件兼容。大多數情況下，我的CSS都在工作，所以商店看起來不錯，但我遇到了麻煩。出於某種原因，當我選擇一類產品時，它們會出現在另一個產品的頂部，而不是以網格或並排方式出現。我正在努力弄清楚如何解決這個問題，並失敗。WooCommerce產品不在網格中顯示

頁：http://urbexploration.ca/product-category/sanatoriums/

起初，我意識到，每個< LI>（產品）對右側以巨大的優勢，所以我把那個出保證金右：0;但他們仍然沒有在網格中左移。如果需要任何代碼，請告訴我。我一直在試圖找到具有「產品」類的< li>標籤。 < ul>是'產品'。

我已經試過

.products li, .product{ float: left !important; margin-right: 0 !important; }

UL標記的似乎填補使用谷歌Chrome開發者工具方面應該和李現在是適當大小（我認爲），但它仍然不浮動？或者它可能是浮動的，我錯過了其他的東西。

明白了：兩者;按照建議從.excerpt類中移出，並且似乎將它們正確地浮動。

來源

2015-07-12 UrbExploration

「他們仍然沒有在網格中左移。」你使用浮動屬性？你應該發佈你到目前爲止已經嘗試過的。 – helgatheviking

使用Firebug或Chrome的開發工具來檢查元素的樣式規則。提示：看一看主題樣式'.excerpt' – helgatheviking

我已經試過\t \t。產品力，。產品{ \t \t \t \t浮動：左重要; \t \t \t \t margin-right：0！important; \t \t \t} ul標籤似乎填補了它應該使用Google Chrome開發人員工具的區域，現在li的大小正確（我認爲），但它仍然不會浮動？或者它可能是浮動的，我錯過了其他的東西。 – UrbExploration

做出自己的回答：

li.product.excerpt { clear: none; }

將是一個良好的開端。雙重類選擇器應該確保規則比有問題的.excerpt類更具體。

來源

2015-07-13 02:28:38 helgatheviking

WooCommerce產品不在網格中顯示

回答

相關問題