Css 如何在WordPress中对齐产品页面？

我正在使用WordPress创建一个网站，并希望将elments集中在该页面上：

我试过这样的方法：

保证金：自动！重要的 各种路线：居中！重要的 但似乎什么都不管用。 目前我有：

#content div.product.type-product{
    margin-left: 20%;
}

它可以工作，但不正确，因为它在所有设备上都没有很好地对齐。

---

是否有一种方法可以对齐Woocommerce产品页面上的内容？

一种归档方法是：

删除content div.product.type-product留下的页边距。 将“显示：调整”和“对齐内容：中心”添加到 .单一产品。商业集装箱。 另一种方法是删除浮动，并向.single product.woocommerce容器内容添加边距：0 auto

解决方案1：

解决方案2：

---

您可以将CSS添加到自定义程序或子主题的CSS。

是的，这非常有效。我刚刚找到另一个解决方案，需要一段时间才能应用到所有产品上。。。这是改变融合建设者使用100%宽度的页面选项，以无。。。谢谢，你是救世主^^分类页面也可以这样做吗？我尝试了两种方法，但用产品类别替换了.single产品。。。似乎没有work@McBooley，您必须在该页面上使用的选择器是.tax-product_cat.woocommerce container

.single-product .woocommerce-container {
    display: flex;
    justify-content: center;
}

.single-product .woocommerce-container #content {
    float: none;
    margin: 0 auto;
}