WooCommerceのサイドバーを右から左に移動するには？

私は自分自身を解決する方法を知らないという問題が1つあります。私はGaleria Storefront Childテーマを使用しているWooCommerceサイトを持っています。ショップページでの設定では、サイドバーは右側にしか置くことができません。サイドバーを左に移動し、店舗ページにのみ移動したい私はこのCSSを試しました：WooCommerceのサイドバーを右から左に移動するには？

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

しかし、何も変わっていないようです。サイドバーはまだ左側にあります。助けて？

出典

2017-11-06 DrMTR

ライブサンプルを表示できますか？そのCSSのビットは本当に役に立たない。 –

申し訳ありません。今は生きている。 :) – DrMTR

サイドバーは右側にあります。 –

サイドバーに左フロートを適用し、コンテンツに右浮動表示する必要があります。また、マージンを左から右にスワップしてください。

あなたのスタイルシートにはメディアクエリがありますので、特殊性を持つ必要があります。

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

出典

2017-11-06 21:11:21

このCSSをショップページでのみ適用するには？ – DrMTR

私の答えを更新しました。 'body'要素に設定されたクラスを見て、それらを' css'セレクタで使います。 –

変更/フロートを適用します。右のあなたのコンテンツコンテナへ
変更/フロートを適用します。あなたは余白とパディングを調整持って、あなたのサイドバーのコンテナ

に委ねしたがって、サイドバーが左にシフトするとき。

出典

2017-11-30 10:58:07

WooCommerceのサイドバーを右から左に移動するには？

答えて

関連する問題