Html 产品网格赢得'；t正确对齐Wootique主题，Wootique主题

您好，我对woocommerce产品显示有一个问题，网格一直不对齐，因此一行上有一个，其他的就在旁边。我尝试添加了一些自定义css：

.woocommerce ul.products li.product，
.WOO商业页面ul.products li.product{
最小高度：293px！重要；
}

好的，我已经更改了一些CSS，以便正确对齐产品框。将以下更改应用于CSS-

style.css-第247行

ul.products {
   margin-left: 0;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   zoom: 1;
   display: initial; /* Added */
}

style.css-第251行

删除

float:left

和

width:30.75%

自定义.css

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    display: inline-block; /* Added */
    vertical-align: top; /* Added */
    width: 30%; /* Added */
}

编辑-请尝试在custom.css末尾添加此项，以便我们可以确保这些规则不会被其他css覆盖

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
   min-height: 293px !important;
   display: inline-block;
   vertical-align: top;
   width: 30%;
}

---

您好，谢谢您的快速回复，我尝试了您的代码更新，但现在这只是连续两次，有些仍然很感人，我相信我已经完成了您所说的所有操作…您可以再次应用它，以便我可以仔细查看它吗？也许其他规则会覆盖添加的规则。啊，sry，我的浏览器缓存了旧规则。将宽度更改为30%。放置宽度：30%；回到第251行？我试过了，没变