記事幅を広げる方法



  • 記事幅を広げるとサイドバーが記事の下に表示されてしまいます。
    解決方法をおしえていただけないでしょうか?
    以下の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」の部分の数字を変更してください。
    これより大きくするとサイドバーも一緒に大きくなりますが、記事幅も含めて大きくすることができます。

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



  • Ryotoさん

    お世話になります。
    oocz3456です。

    ありがとうございました!
    無事、記事幅が広がりました。

    教えていただいた「サイドバーも一緒に大きくなる」ですが、
    大きくなりませんでした。

    大変お手数なんですが、サイドバーを横に広げる方法をご教示いただくことは可能でしょうか?

    宜しくお願い致します。