无法将产品集中在woocommerce中

Question

我有问题。我想把我的产品集中在我的页面上，因为我只有两个，但我正在做的事情不起作用。我试过这个：

ul.products{
display:block;
margin-left: auto;
margin-right: auto;
}

我可以做些什么来集中产品？这是我的页面link

Answer 1

在css文件中添加此代码：

/* Center product on pages */
ul.products {
    margin-left: 0;
    margin-bottom: 0;
    clear: both;
    width: 70%!important;
    margin: 0 auto!important;
}

.page-template-template-homepage-php .site-main .columns-4 ul.products li.product, .site-main .columns-4 ul.products li.product {
    width: 44.73913%!important;
}