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)をカスタマイズしたのはこちらのページになります。

太極点(間取り中心)と小太極点(部屋の中心)の求め方
太極点(間取り中心)については、こちらを参照してください。 太極点の求め方は3種類あるので、使いやすい方法を選んでみて下さい。 風水...

あっと言う間にカスタマイズできてしまいました。悩んでいたのがバカバカしいですね(-_-;)

少しづつ勉強して、かっこいいブログにできるよう頑張りたいと思います。

このブログがみなさんのお役に立てれば嬉しいです。

ではでは(^^♪

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

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください