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

Question

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

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

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

Answer 1

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

请注意，您的样式表中有媒体查询，因此您必须 fiddle 具有特异性。

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

Answer 2

1. Change/Apply float:right 到您的内容容器
2. Change/Apply float:left 到您的边栏容器

当侧边栏向左移动时，您已相应地调整边距和边距。

Answer 3

WooCommerce 5.2.2

.with_aside .sections_group {
  float: right;
}