如何在WordPress中对齐WooCommerce中的中心产品类别？

Question

实际上我对WordPress很陌生。我正在使用一个Woocommerce插件来处理产品类别。有没有人知道如何对齐产品，使其在中心，并将文本定位在一个横向的方向？同样，对于我们主页的主题，如果我们使用手机，它倾向于定位在左边而不是中心。我有很少或没有编码背景。有什么css或任何代码我可以使用吗？会很感激任何帮助的。谢谢.

以下是网址：http://aom.sg/product-category/air/air-purifiers/（适用于产品）

网址：http://aom.sg

Answer 1

尝试以.woocommerce ul.products li.product、.woocommerce-page ul.products li.product选择器为目标，并将宽度设置为100%。

在仪表板中打开WordPress自定义程序，然后转到自定义CSS。然后复制、粘贴下面的代码段并发布更改：

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width:100%;
}

Answer 2

对于主页服务列表是左对齐的。

.service_list ul {
list-style: none;
padding: 0;
margin: 0;
width: 300px;

如果您将“边距：0”更改为“边距：自动”，它将帮助列表调整到居中。

即。

.service_list ul {
list-style: none;
padding: 0;
margin: auto;
width: 300px;