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

今回は賢威7のサイドメニューの見出しをカスタマイズしてみましょう。

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

/*記事タイトルや基本単位毎の最初の見出し*/
.section-wrap .section-title{
line-height: 1.5;
margin: 0 0 1em;
padding: 0;
border: none;
background: transparent;
color: #000;
font-weight: bold;
font-size: 28px;
font-family: “メイリオ”;
}

.main-body .section-title a{
color: #0095ff;
text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
color: #13c;
text-decoration: underline;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
margin: 0 -20px 30px;
padding: 0 0 11px;
border-bottom: 1px solid #ccc;
font-weight: normal;
font-size: 1.125em;
}

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

/*記事タイトルや基本単位毎の最初の見出し*/
.section-wrap .section-title{
line-height: 1.5;
margin: 0 0 1em;
padding: 0;
border: none;
background: transparent;
color: #000;
font-weight: bold;
font-size: 28px;
font-family: “メイリオ”;
}

.main-body .section-title a{
color: #0095ff;
text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
color: #13c;
text-decoration: underline;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
background: #13c;(サイドメニュー見出しの背景色を指定できます)
margin-bottom: 10px;
padding: 10px;
border-bottom: 0px solid #ccc;(サイドメニュー見出しの下線を指定できます)
color: #fff;(サイドメニュー見出しの文字色を指定できます)
font-weight: bold;(サイドメニュー見出しの文字を太字にできます)
font-size: 20px;(サイドメニュー見出しのフォントサイズを指定できます)
font-family: “メイリオ”;(サイドメニュー見出しのフォントを指定できます)
}

以上で賢威7のサイドメニューの見出しをカスタマイズできます、ご参考にしていただければ幸いです。

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