中心Woocommerce短信产品

时间:2013-12-30 11:56:51

标签: html css wordpress woocommerce

我正在尝试使用Woocommerce短代码产品对象,请参阅产品示例'香奈儿印刷徽标购物者',在此处:http://vintageheirloom.biz/blog/2013/10/forever-fashion-everlasting-trends/

Woocommerce提供此代码:[product id =“6606”]。

我尝试过使用标准的Wordpress对齐中心,我试过按照以下方式放入div:

div.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

没有运气,有什么想法吗?

非常感谢!

2 个答案:

答案 0 :(得分:0)

将以下代码添加到CSS中,因为您只有一个项目。如果您有多个li

,则不建议使用

<强> CSS

.displayed ul.products li.product {
float: none;
margin: 0 auto;
}

答案 1 :(得分:0)

只是有同样的问题,而且是这样的:

在Wordpress中:

<div class="single_product">[products ids="185" columns="1"]</div>

CSS

.single_product {
float: none;
margin: 0 35%;
}