Woocommerce产品描述全宽？答案

【问题标题】：Woocommerce product description full width?Woocommerce产品描述全宽？
【发布时间】：2018-07-27 12:14:24
【问题描述】：

我正在尝试使用 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/的示例

提前致谢

【问题讨论】：

标签： css wordpress woocommerce

【解决方案1】：

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

由于浮动，它向右对齐，要么从你的代码中删除它，要么用新的声明覆盖它。

【讨论】：

完美！谢谢！刚刚被 wordpress 开发人员引用了 4-5 小时的工作来解决这个问题！我欠你一品脱:)

【解决方案2】：

.woocommerce div.product div.summary, .woocommerce #content div.product 
div.summary, .woocommerce-page div.product div.summary, .woocommerce-page 
#content div.product div.summary {
        width: 66%;
        margin: 0 auto;
    }

【讨论】：