中心 WooCommerce 存档页面和单个产品页面

Question

我网站的商店页面是使用 woocommerce.php 文件制作的，商店页面本身没问题，但我只想将产品居中。

有办法吗？

此外，在从商店页面单击时，在单个产品视图中，产品的图片和描述很大，而且位置不正确。

有没有办法设置单品图片和描述的样式？

这是 the live link 我的网站。

Answer 1

您可以在这两种方式中进行选择：

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

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

这应该可以解决您在所有 WooCommerce 页面上的居中问题

2) HTML结构方式 — 这个问题可以在你的html结构中解决。

实际上你得到了这个：

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

你应该需要这个：

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

这将使显示在容器内部的 100%，而不是左侧的 83%。

As Rob suggested in the comments you should remove obsolete <center> html tag…

Center WooCommerce archives page and single product pages