背景色をヘッダーまで伸ばしたい。また、記事のサイドバーにある目次が追従しない。



  • 0_1599540757312_スクリーンショット 2020-09-08 13.50.07.png

    上記の画像のようにしたいです。

    LPやワンカラム上で背景色を横幅最大サイズまで伸ばした状態にしながら、記事部分の幅は変わらないといったSangoさんのような機能です。

    背景色も変更したい部分で上記の画像のように変えられるようにしたいです。
    これは記事でも固定ページでも同じようにできますか?

    また、記事右側の目次が追従しません。TOC+でウィジェットで追従する設定にしているのについて来ないのですが、どうしたら良いでしょうか?


    マニュアル確認済み
    キャッシュクリア済み
    WordPressのバージョン : 5.4.2
    ご利用のサーバー名 : コノハウイング
    PHPのバージョン : 7.4.5
    OS : 10.15.6
    ご利用のブラウザ : MacBook Pro (Reitana, 15-inch,Mid 2015)
    該当サイトのURL : https:azuma44k.com/blog/log



  • 横から失礼します。背景は
    @media (min-width: 1200px){
    div#scroll-content {
    background: #e5e5e5;
    }
    }

    で、全体にに入ると思うのですが、
    どうでしょうか?

    CSSファイルは
    @media (max-width: 767px) {

    スマホ用
    }

    @media (min-width: 768px) {
    すまほ用

    }
    @media (min-width: 835px) and (max-width: 1199px) { #contents { width: 100%; }

    }

    @media (min-width: 1024px) { #contents { width: 1024px; }
    パソコンはここに入れる

    }

    @media (min-width: 1200px) {
    パソコンはここに入れる
    }

    背景色はすべて変わるかと思います。
    サイドバーが追従しないというのは、サイトが見れない為、分かりませんでした。
    あと、これだとサイドバーが色抜きになるので何かかえないといけませんね。
    例えば、
    #sidebar {
    background: #3b4675;
    width: calc(32.5% - 39.75px);
    float: left;
    margin-left: 30px;
    max-width: 350.25px !important;
    }

    .sidebar_style1 .widget {
    background: #1d2327;
    padding: 15px;
    }
    と合わせるといいかもですね。
    色は適宜かえてください。


 

});