livedoor ナレッジ

タイトルの字体や大きさ

タイトルの字体や大きさを変えることはできますか？？

管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更するんですが、CSS を上から覗いていって下さい。

■ 文字を大きくする
.blogtitle{ } という部分があります。
この中に記載されている、font-size:○○px; という部分の、○○の中の数字を大きくします。現在のところ 22 ならば、26 とかに。お好みの大きさになるまで数字を増やして下さい。

■ 書体を指定する
同じ部分、.blogtitle{ } の中に新たに書体を指定する記述を書き込みます。このように↓

font-family:ＭＳ 明朝;

font-family: "ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;

font-family:verdana ,arial ,sans-serif;

例とすればこんな感じです。（ あなたのテンプレートの中身とは違いますが、あくまでも例として ）

.blogtitle{
font-family:ＭＳ 明朝;
text-align:left;
font-size:22px;
padding:100px 250px 0 130px;
}

■ 色を変更する
ブログタイトルにはリンクがかかっているため、
色を変更するには、.blogtitle{ } ではできません。

CSS の中の、

#banner a{
color:#fff;
text-decoration:none;
}
#banner a:link{}
#banner a:visited{}
#banner a:active{}
#banner a:hover{}

という部分を探してください。たぶん、.blogtitle{ } の上の辺にあるはずです。これをこういう具合に整理しましょう。↓

#banner a{}
#banner a{color:#○○○; text-decoration:none;}
#banner a:link{color:#○○○; text-decoration:none;}
#banner a:visited{color:#○○○; text-decoration:none;}
#banner a:active{color:#○○○; text-decoration:none;}
#banner a:hover{color:#□□□; text-decoration:underline;}

#○○○ の ○ の部分にお好きな色コードを入れて下さい。
最後の部分の □ に違う色コードを入れる事で、マウスを上にのせた時に文字の色が変化します。

text-decoration:none;
下線なし
text-decoration:underline;
下線あり

書き換え、追加が終了したら CSS を保存。CSS の再構築をかけます。閲覧しているブラウザーを更新すれば、反映されています。