css - 如何在 WooCommerce 中将侧边栏从右侧移动到左侧？

Question

我有一个不知道如何解决自己的问题。我有一个使用 Galeria Storefront Child 主题的 WooCommerce 网站。在他们的商店页面设置中，侧边栏只能在右侧。我想将侧边栏移到左侧，并且仅在商店页面上。我试过这个CSS：

div.woocommerce_product_categories-2.widget .woocommerce widget_product_categories {
    float:left!important;
}

但似乎什么都没有改变。侧边栏仍然在左侧。帮助？

score 1 · Accepted Answer

您需要将左浮动应用于侧边栏，将右浮动应用于内容。此外，从左到右交换边距等。

请注意，您的样式表中有媒体查询，因此您必须摆弄特定性。

body.archive #primary{
  float: right;
  margin-left: 4.347826087%;
  margin-right: 0;
}
body.archive #secondary {
  float: left;
}

score 1 · Accepted Answer

当侧边栏向左移动时，您可以相应地调整边距和填充。

score 1 · Accepted Answer

1

WooCommerce 5.2.2

.with_aside .sections_group {
  float: right;
}

于 2021-04-26T18:55:58.363 回答

3 回答 3