TwentyFourteen 3カラムの幅を調整する

コンテンツエリア幅を拡大する

メインコンテンツの幅が狭いので広げるための編集記事です。

子テーマのスタイルシートを編集する

管理画面の「外観」>「テーマの編集」から 子テーマのスタイルシートを編集します。

3カラムのコンテンツ幅に関係する箇所を 474px から 630px に指定します。

 

/******コンテントエリアの幅******/
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 630px;
}

.post-navigation,
.image-navigation {
margin: 24px auto 48px;
max-width: 630px;
padding: 0 10px;
}

.archive-header,
.page-header {
margin: 24px auto;
max-width: 630px;
}

.contributor-info {
margin: 0 auto;
max-width: 630px;
}

.comments-area {
margin: 48px auto;
max-width: 630px;
padding: 0 10px;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
margin: 0 auto 48px;
max-width: 630px;
padding: 0 30px;
}

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください