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

Twenty Fourteenの余白サイズを変更しメインコンテンツの横幅を広げるアイキャッチ画像やら記事中の画像の数が増えてくると、Twenty Fourteenのデフォルト状態では若干メインコンテンツの横幅がせまく感じます。
そこで、メインコンテンツ部分の余白サイズを変更し、横幅を広げるカスタマイズをしたいと思います。
そして、おまけで、ページを中央表示にします。
予想に反して手こずってしまいました...

Twenty Elevenのヘッダー内余白を削除する

Twenty Elevenでヘッダー内の余白削除前シンプルで使いやすいWordPressのテーマTwenty Elevenを楽しくカスタマイズしています!
本日はヘッダー内の左側の余白を削除してみたいと思います。
この画像のように、サイトタイトル左側に結構な余白があります。
私としてはサイトタイトルをもっと左側に寄せたかったのです!

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

編集は、ほんの一瞬で終わります。

1
2
3
#branding hgroup {
	margin: 0 2%;
}

これを追記するだけです。

Twenty Elevenの上部余白を削除する

Twenty Elevenで上部の余白削除前WordPressのデフォルトテーマであるTwenty Eleven。シンプルで使いやすいですが、カスタマイズしたい箇所がたくさんあると思います。
本サイトでは、Twenty Elevenの子テーマを作成し、色々なカスタマイズを紹介しております。

Twenty Elevenの最上部に余白があります。この余白がどうしても削りたく思いました。
早速、子テーマのCSSを編集です!

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

編集自体はとても簡単に終わります。#page {
margin: 0em auto;
}
これを追記するだけです。