「Twenty Twelve」サイドバーのタイトルのレイアウトCSS

Twenty Twelveでサイドバーにあるタイトルのスタイルを変更するには、style.cssファイルにある「.widget-title」にプロパティ追加や値の変更をすることで実現できます。

widget-title

タイトルのレイアウト変更

例として、文字色を白にして、背景色を黒にしたタイトルにする場合、以下のコードにないます。※文字の前にマージンを入れてます。

.widget-title {
	color: #FFF;
	background: #000;
 padding-left: 15px;
}

タイトル下のマージン設定

また、タイトル下とリストの余白は、「.widget-area .widget h3」のmargin-bottomの値を変更します。

コメントを残す

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