HOME フォーラム Lightning [ 解決済 ] 1カラム時のページ幅を狭くし両サイドにマージンを取りたい

タグ: , ,

このトピックには2件の返信が含まれ、2人の参加者がいます。1 年前 tegecat さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #10173

    tegecat
    参加者

    Lightning 4.4.12
    Origin proにて使用しています。

    1カラム表示にした際に、幅をめいっぱいmainとして使うのではなく
    左右余白を作りコンテンツ幅を狭めて中央にコンテンツを表示したいという投稿があり、
    同じようにcssを設定したのですが、
    回答がVizVectorのようでLightningでは表示されませんでした。
    Lightningで同様に1カラムで表示させ、
    左右余白を作りコンテンツ幅を狭めるcss設定をご教授お願いします。

    理想の完成形はこんな感じです。

    【WordPress操作】テキストリンクをボタン化させる方法

    #10182
    じょに次郎
    じょに次郎
    モデレーター

    @media (min-width: 992px){
    body.page-template-page-onecolumn .mainSection {
    padding:40px 200px;
    }
    }

    下記参照してお好みに応じて調整してみて下さい。

    http://www.vektor-inc.co.jp/wordpress-tech/css_customize/

    #10206

    tegecat
    参加者

    じょに次郎さま
    ありがとうございます

    @media (min-width: 970px) {
    .entry-body, .widget .entry-body {
    width:65%;
    margin-left:auto;
    margin-right:auto;
    }
    }

    上記設定にておおよそ表示させたいモノができました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。