【賢威7】記事タイトル(h1見出し)の文字サイズ・色をカスタマイズ

賢威,賢威7,カスタマイズ

賢威7ってお年寄りターゲットなのか!?と思うほど、
とにかくすべての文字サイスが大きいのですが、
中でも特大すぎるのが記事タイトルにあたるh2・見出しです。

今回はこの記事タイトル(h1/見出し)の文字サイズと、
マウスオーバーした時の色を変更するカスタマイズを紹介します。

子テーマでのカスタマイズが分からない方は、こちらの記事へ。

記事タイトル(h1見出し)の文字サイズ・文字色を変更

賢威6までは記事タイトルはh2タグでしたが、
賢威7よりh1タグとなりましたので間違えないように注意してくださいね。

見出しのカスタマイズに使用するのはbase.cssのファイルです。

子テーマのbase.cssファイルに下記のコードを追記します。

/*記事タイトル:文字サイズ・色*/
.section-wrap .section-title{
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
}

ちなみにh1タグは記事ページのタイトルだけではなく、
サイドバーや固定ページにも使用されています。

こちらの記述では各記事ページの記事タイトルと、
トップページやカテゴリページの記事一覧に表示される
記事タイトルのサイズが変更できます。

color: →文字の色を指定します

font-size: →文字サイズを指定します

font-weight: →文字の太さを指定します

それぞれお好みの内容に変更してくださいね。

カラーコードを知りたい場合はこちらが便利です。

コメントを残す

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

Scroll Up