如何在WooCommerce中从右侧移动侧边栏?

时间:2017-11-06 20:57:50

标签: css wordpress woocommerce sidebar storefront

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

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

但似乎没有改变任何东西..补充工具栏仍然在左侧。帮助

3 个答案:

答案 0 :(得分:1)

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

请注意,您在样式表中有媒体查询,因此您必须摆弄特异性。

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

答案 1 :(得分:0)

  1. 更改/应用浮动:直接转到内容容器
  2. 更改/应用浮动:左侧到侧边栏容器
  3. 当侧边栏向左移动时,您可以相应地调整边距和填充。

答案 2 :(得分:0)

WooCommerce 5.2.2

.with_aside .sections_group {
  float: right;
}