見出しのカスタマイズをやってみました【Simplicity】

【Simplicity】にも慣れてきたので、カスタマイズの虫が頭をもたげてきました(笑)

どこの【Simplicity】ブログも大差ないので、見出しをカスタマイズしてみたいと思います。

しかし色々な見出しのカスタマイズサイトを覘いてみましたが、これといってピンとくるものがなかったので、結局デフォルトを少しだけ変更してみました。

見出し前
▲見出し変更前です。

親テーマのスタイルシートは以下です。

/************************************
** 見出し(H1-6)
************************************/
.article h2 {
border-left:1px solid #000;
margin: 40px -29px 20px;
padding:25px 30px;
font-size:26px;
}

変更は子テーマのスタイルシートに書き込んでください。

ボーダーの幅と色を変更してみました。

見出し後
▲見出し変更後です。

/************************************
** 見出し(H1-6)
************************************/
.article h2 {
border-left:5px solid #000;
border-color:#00CC99;
margin: 40px -29px 20px;
padding:25px 30px;
font-size:26px;
}

ピンクの箇所が変更したところです。
少しの変更でも効果はバツグンですね♥

シェアする

  • このエントリーをはてなブックマークに追加

フォローする