如何在Wordpress中对齐WooCommerce的中心产品类别?

时间:2017-12-11 15:57:02

标签: wordpress woocommerce

我实际上是Wordpress的新手。我正在为产品类别使用Woocommerce插件。有谁知道如何对齐产品使其处于中心位置并将文本定位在横向方向?同样对于我们主页中的主题,如果我们使用移动设备,它往往位于左侧而不是中心。我几乎没有编码背景。我可以使用任何CSS或任何代码吗?真的很感激任何帮助。谢谢。

以下是网址网址:NASM documentation(适用于产品)

主页

http://aom.sg/product-category/air/air-purifiers/

2 个答案:

答案 0 :(得分:0)

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

.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;

答案 1 :(得分:0)

尝试定位.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%;
}