css - Woocommerce 产品描述全宽？

Question

我正在尝试使用 woocommerce 插件修改 wordpress 网站。

我已成功从页面中删除了产品图片，但我想重新对齐文本，使其全宽，而不是在右侧的一列中。

我试过以下 CSS，但没有用:

.woocommerce div.product div.summary, .woocommerce #content div.product 
div.summary, .woocommerce-page div.product div.summary, .woocommerce-page 
#content div.product div.summary {
float: right;
width: auto;
margin-bottom: 2em;
}

这是产品页面的示例 http://financetrainingacademy.com/product/writing-effective-financial-reports/

提前致谢

Answer 1

.woocommerce-page div.product div.summary {
    width: auto;
    float: none;
}

由于 float ，它向右对齐，请将其从您的代码中删除或用新声明覆盖它。