【Twenty Fifteen CSS編集メモ】ウィジェット部分⇒大文字、小文字両方表示・下線を追加

      2016/03/21

ウィジェット部分のCSS編集メモです。

アルファベットが大文字表示のみだったものを、大小両方表示、下線を追加しました。

 

Sponsored Links

 

Twenty Fifteen style.css⇒ウィジェット部分を編集

style.css内の【11.0 Widgets】項目の中を変えます。

ウィジェットのタイトル(.widget-title)を編集>>

.widget-title {
	color: #333;
	font-family: "Noto Sans", sans-serif;
	margin: 0 0 1.6em;
	letter-spacing: 0.04em;
//	text-transform: uppercase; /*変更前*/
	text-transform: none;
        border-bottom:3px solid #000; /*下線の太さ、種類、色*/
}

大文字のみだとどうしても見づらくなる場合がありますので、アルファベットの大文字と小文字両方を表示できるように変更しています。

また、見栄えをよくするために下線も追加。

Sponsored Links

 - TwentyFifteen
 -