WooCommerce产品不在网格中显示

Question

我使用的WooCommerce的WordPress主题尚未被写入与插件兼容。大多数情况下，我的CSS都在工作，所以商店看起来不错，但我遇到了麻烦。出于某种原因，当我选择一类产品时，它们会出现在另一个产品的顶部，而不是以网格或并排方式出现。我正在努力弄清楚如何解决这个问题，并失败。

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

起初，我意识到，每个< LI>（产品）对右侧以巨大的优势，所以我把那个出保证金右：0;但他们仍然没有在网格中左移。如果需要任何代码，请告诉我。我一直在试图找到具有“产品”类的< li>标签。 < ul>是'产品'。

我已经试过

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

UL标记的似乎填补使用谷歌Chrome开发者工具方面应该和李现在是适当大小（我认为），但它仍然不浮动？或者它可能是浮动的，我错过了其他的东西。

明白了：两者;按照建议从.excerpt类中移出，并且似乎将它们正确地浮动。

Answer 1

做出自己的回答：

li.product.excerpt { clear: none; } 

将是一个良好的开端。双重类选择器应该确保规则比有问题的.excerpt类更具体。