从右到左显示woocommerce小部件侧边栏

时间:2017-01-27 06:20:10

标签: html css wordpress

我是WordPress主题自定义的新手。我正在使用woocommerce的主题。当我导航到产品页面时点击某个项目获取详细信息,它会在右侧显示woocommerce小部件。我试图通过改变css将侧栏放在左侧。它正在运作,但我正面临这个问题。

在更改css之前添加到报价按钮工作正常。

before css

更改css后,添加到报价按钮停止工作。

after css

css的变化

.with_aside .sections_group {
     width: 77%;
     float: right;
}
.with_aside .four.columns {
    float: left;
    width: 23%;
}

通过检查元素更改css

css

请帮助我,我做错了。

已修改

URL

1 个答案:

答案 0 :(得分:0)

添加以下CSS

.column.one-second.summary.entry-summary {
    position: relative;
    z-index: 99;
}