Center WooCommerce归档页面和单个产品页面

Question

我网站的商店页面是使用woocommerce.php文件制作的，商店页面本身很好，但我只想集中产品。

有办法做到这一点吗？

此外，在单个产品视图中，当从商店页面点击时，产品的图像和描述很大并且没有正确定位。

有没有办法设计单个产品图片和描述？

以下是the live link到我的网站。

Answer 1

您可以选择以下两种方式：

1）CSS方式 - 您需要将此CSS规则添加到活动主题的styles.css文件中：

ng test --code-coverage --reporters mocha,progress,jkhtml --browsers chrome,phantomjs -sm=false

这可以解决所有WooCommerce页面上的中心问题

2）HTML结构方式 - 此问题可以在 html结构中解决。

其实你得到了这个：

@media only screen and (min-width: 992px) {
    .woocommerce center > .col-md-10 {
        margin: 0 8.33333333% !important;
    }
}

你需要改为：

<div id="primary" class="col-md-12 mb-xs-24">
    <center>
        <div class="col-md-10">

这将使容器内的显示为100％而不是左侧的83％。

  

作为评论中建议的Rob，您应删除过时的<div id="primary" class="col-md-12 mb-xs-24"> <div class="col-md-12"> html标记...