こんにちは、ふじもです。

今回は賢威7のh1タイトルをカスタマイズしてみましょう。

まず「外観」→「テーマの編集」→「base.css」を開き、下記の部分を探して下さい。

/*——————————————————–
見出し
——————————————————–*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
margin-top: 0;
}

.main-body h1{
margin: 60px 0 20px;
padding: 10px 18px;
background: #333333;
color: #fff;
font-size: 1.75em;
}

見つけられましたら、下記の赤字部分をお好きなようにカスタマイズしてみましょう。

/*——————————————————–
見出し
——————————————————–*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
margin-top: 0;
}

.main-body h1{
line-height: 1.5;(h1タイトルの行の高さを指定できます)
margin: 0 0 1em;(h1タイトルのマージンを指定できます)
padding: 0;(h1タイトルのパディングを指定できます)
border: none;(h1タイトルのボーダーを指定できます)
background: transparent;(h1タイトルの背景色を指定できます)
color: #000;(h1タイトルの文字色を指定できます)
font-weight: bold;(h1タイトルのフォントの太さを指定できます)
font-size: 28px;(h1タイトルのフォントサイズを指定できます)
font-family: “メイリオ”;(h1タイトルのフォントスタイルを指定できます)
}

以上で賢威7のh1タイトルをカスタマイズできます、ご参考にしていただければ幸いです。

ここまでお読みいただき、ありがとうございました。