Oli Oli

日々のつれづれ

ブログタイトル部分のカスタマイズ:タイトルに下線をつける

ブログタイトルを『笑門来福*HANA日和』から『Oli Oli』に変えました。

linomahina.hatenablog.com

 

そしたらシンプル過ぎて何だか物足りない感じがして。

f:id:linomahina:20180531125607j:plain

 

ちょっといじってみました。こーんな感じ。

f:id:linomahina:20180531125728j:plain

 

 タイトルに下線をつけて、ブログ説明文との間を少し広げました。

カスタマイズ方法

デザイン→カスタマイズ→{}デザインCSSに以下を追記。

/* ブログタイトルと説明のカスタマイズ */

#title {

  line-height:2;

  letter-spacing:0.25em;

   margin:0;

   padding:0 0 6px 0;

   display:inline;

   border-bottom:2px solid#4d4d4d;

}

 

#blog-description {

padding-top: 10px;/* タイトル名の上からの位置 */

}

 

タイトル部分が引き締まっていい感じになりました。 

 

因みにわたしは全くのど素人ですので、このCSSがどのデザインにも通用するのかは分かりません。。。手探りで作ってみました。アラフィフの手習い。どっとはらい。