【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:#B55233;
margin: 40px -29px 20px;
padding:25px 30px;
font-size:26px;
}

赤の箇所が変更したところです。

少しの変更でも効果はバツグンですね♥

シェアする

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

フォローする