WP Twenty Fourteenのコンテンツ部分の横幅を広げる

メインコンテンツ部分の余白サイズを変更し、横幅を広げます。

下記のコードを、style.cssの最下部に追記。

子テーマでTwenty Fourteenを編集している場合は子テーマのstyle.cssに追記、
Twenty Fourteenを直接編集している場合はTwenty Fourteenのテーマディレクトリの
style.cssの最下部に追記してください。

.site {
margin: 0em auto; /* ページを中央表示 */
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0; /* コンテンツ部分の横幅を広げる */
max-width: none; /* コンテンツ部分の横幅を広げる */
}

.site-content .entry-header {
padding-right: 0; /* コンテンツ部分の横幅を広げる */
}

.site-content footer.entry-meta {
padding-right: 0; /* コンテンツ部分の横幅を広げる */
}

.site-content .entry-content,
.site-content .entry-summary,
.page-content {
padding-right: 0; /* コンテンツ部分の横幅を広げる */
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です