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

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

Answer 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;
    }

Woocommerce产品描述全宽？

2 个答案: