ワードプレスのテンプレート「Twenty Seventeen」、テーマオプションで固定ページレイアウトを1カラム、2カラム選ぶことが出来ますが1カラムのコンテンツ幅がちょっと狭い。
※メインカラムの最大幅は 2カラムレイアウトで 525px、1カラムレイアウトで 740px。
子テーマの「style.css」に追記します。
固定ページのコンテンツ幅のデフォルトが「740px」、少し広めに「1000px」に変更。
1 2 3 4 5 |
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary { margin-left: auto; margin-right: auto; max-width: 1000px; } |
フロントページを利用した場合の表示固定ページの幅、デフォルトは「740px」。同じように「1000px」に変更してみます。
1 2 3 4 5 |
@media screen and (min-width: 30em){ .page-one-column .panel-content .wrap { max-width: 1000px; } } |
コメント