bc
(@bcures)
こんばんわ。
サイドバーの幅を指定する箇所が2箇所あります。
style.css
#secondary {
float: right;
margin-right: 7.6%;
width: 18.8%;
}
と、
style.css
.left-sidebar #secondary {
float: left;
margin-left: 7.6%;
margin-right: 0;
width: 18.8%;
}
トップページを編集中の場合、「.left-sidebar #secondary」の幅を広げてもデザイン上反映されず、別のページで表示中のサイドバーの幅が広がります。
全体のページから見て、サイドバー「#secondary」の幅を広げたい場合には、
style.css
#secondary {
float: right;
margin-right: 7.6%;
width: ***; /*ここを広げたい値に変更*/
}
です。
試してみましたが、サイドバーの幅はちゃんと広がりました。
ただこのままですと、レフトカラムの下にサイドバーが落ちてしまいますので、レフトカラムの幅等も調節してみてください。
がんばってください。
わかりやすいご説明ありがとうございます!!
style.css
.left-sidebar #secondary {
float: left;
margin-left: 7.6%;
margin-right: 0;
width: 18.8%;
}
だけ変更し、幅が変わらないので悩んでいました。
2箇所変更が必要だったのですね。ありがとうございます。
ご指摘の通りカラム落ちしたので、レフトカラム探します。
ありがとうございます。
2箇所それぞれの
#primary marginと
#content left marginとwidthを変えて
思うように幅変更が出来ました。
ありがとうございました!