Simplicityの見出し(h2)をカスタマイズ

Simplicity使いやすいテーマなのですが、何もカスタマイズをしていないので一番、簡単な見出し（h2）をカスタマイズしてみました。

Simplicity2の子テーマを編集するとか難しい解説があったのですが、とても簡単にカスタマイズすることができました。

外観　⇒　css編集　　⇒　追加css　をクリック

この中に下記の内容をコピー&ペーストするだけ。

/* h2 見出しのリセット */
.article h2,
.article h2::before,
.article h2::after {
content: none;
background: none;
border: none;
border-radius: 0;
}

/* h2 見出しのカスタマイズ */
.article h2 {
background: #5FB3F5;/*背景色*/
color:#ffffff;/*文字の色*/
margin:0;
padding: 0.5em;/*文字まわり（上下左右）の余白*/
border-radius: 4px;
font-size:22px;/*文字のサイズ*/
}

見出し（h2）をカスタマイズしたのはこちらのページになります。