テンプレートTwenty Seventeen<コンテンツの幅を変える>

ワードプレスのテンプレート「Twenty Seventeen」、テーマオプションで固定ページレイアウトを1カラム、2カラム選ぶことが出来ますが1カラムのコンテンツ幅がちょっと狭い。

子テーマの「style.css」に追記します。

 

固定ページのコンテンツ幅のデフォルトが「740px」、少し広めに「1000px」に変更。

.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」に変更してみます。

@media screen and (min-width: 30em){
.page-one-column .panel-content .wrap {
    max-width: 1000px;
}
}

 

コメント

タイトルとURLをコピーしました