サポート » テーマ » Twenty Eleven 1.2のサイドバー幅調整

  • 解決済 laughit

    (@laughit)


    Twenty Eleven 1.2で右コンテンツを利用しています。
    サイドバーの幅を広げたいのですが
    スタイルシートの数字を変えても変わりません。
    やり方を教えてください。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • こんばんわ。

    サイドバーの幅を指定する箇所が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: ***; /*ここを広げたい値に変更*/
    }

    です。
    試してみましたが、サイドバーの幅はちゃんと広がりました。
    ただこのままですと、レフトカラムの下にサイドバーが落ちてしまいますので、レフトカラムの幅等も調節してみてください。
    がんばってください。

    トピック投稿者 laughit

    (@laughit)

    わかりやすいご説明ありがとうございます!!

    style.css
    .left-sidebar #secondary {
    float: left;
    margin-left: 7.6%;
    margin-right: 0;
    width: 18.8%;
    }
    だけ変更し、幅が変わらないので悩んでいました。
    2箇所変更が必要だったのですね。ありがとうございます。

    ご指摘の通りカラム落ちしたので、レフトカラム探します。
    ありがとうございます。

    トピック投稿者 laughit

    (@laughit)

    2箇所それぞれの
    #primary marginと
    #content left marginとwidthを変えて
    思うように幅変更が出来ました。
    ありがとうございました!

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「Twenty Eleven 1.2のサイドバー幅調整」には新たに返信することはできません。