記事幅を広げる方法



  • 記事幅を広げるとサイドバーが記事の下に表示されてしまいます。
    解決方法をおしえていただけないでしょうか?
    以下のCSSを追加CSSに記述しています。

    #contents {
     width: 1600px !important;
    padding-top: 30px;
    margin: 0 auto;
    font-size: 1.4rem;
    }
    #contents::after {
    margin-top : 20 !important;
    clear: both;
    content: "";
    display: block;
    }
    #main-contents {
    width : 1000px !important;
    margin-top : 0 !important;
    margin-bottom : 0 !important;
    margin-left : 0 !important;
    margin-right : 0 !important;
    }
    #sidebar {
     width: 400px !important;
     margin-left:10px !important;
    }


    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :


  • administrators

    @oocz3456 さん

    こんにちは。JIN運営チームのりょうたです。

    うーん、状況によって変わるので一概には言えません。
    まずはURLを共有いただけますか?

    お手数お掛け致しますが、宜しくお願い致します。



  • お世話になっております。
    oocz3456です。

    返信頂きありがとうございます。
    私のホームページは下記サイトになります。

    https://point-gets.net/

    お手数をお掛け致しますが、宜しくお願い致します。

    福山


  • administrators

    @oocz3456 さん

    こんにちは!共有ありがとうございます!

    @media (min-width: 1200px){
        #contents {
            width: 1200px;
        }
    }
    

    上記を追加CSSに追加して「1200」の部分の数字を変更してください。
    これより大きくするとサイドバーも一緒に大きくなりますが、記事幅も含めて大きくすることができます。

    記事幅のみを大きくするには絡んでくる要素がたくさんあるので上記が限界です。。
    お手数おかけいたしますが、宜しくお願い致します。