代码之家  ›  专栏  ›  技术社区  ›  DrMTR

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

  •  0
  • DrMTR  · 技术社区  · 7 年前

    我有一个问题,不知道如何解决自己。我有一个WooCommerce网站,使用Galeria店面儿童主题。在他们的商店设置页面中,侧边栏只能位于右侧。我想把侧边栏移到左边,并且只在商店页面上。我试过这个CSS:

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

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

    3 回复  |  直到 7 年前
        1
  •  1
  •   JPedroScript    3 年前

    WooCommerce 5.2.2

    .with_aside .sections_group {
      float: right;
    }
        2
  •  1
  •   Serg Chernata    7 年前

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

    注意,您的样式表中有媒体查询,因此您必须处理特定性。

    body.archive #primary{
      float: right;
      margin-left: 4.347826087%;
      margin-right: 0;
    }
    body.archive #secondary {
      float: left;
    }
        3
  •  1
  •   Siddhesh damble    7 年前
    1. 更改/应用浮动:左至边栏容器

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