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

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

【例:変更前の余白】
twentytwelve-site-padding

【例:変更後の余白】
twentytwelve-site-padding2

サイトの左右にある余白の幅を大きくしたり減らしたり変更するには、「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);
}

コメントを残す

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