Twenty Twelveのサイト左右の余白を減らす

WordPressテーマカスタマイズ

2013.04.072013.11.16

サイト全体を余白を変更することで、コンテンツの幅を広くしたり狭くすることが出来ます。

【例：変更前の余白】

【例：変更後の余白】

サイトの左右にある余白の幅を大きくしたり減らしたり変更するには、「body.site」のpaddingの値を変更します。

body .site {
		padding: 0 40px;  //値を変更する
		padding: 0 2.857142857rem; //値を変更する
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}