SIRIUSシリウスの見出しフォントが大きくする方法
ホームページ作成ソフトSIRIUSでは、ヘッダータイトルや本文、サイト説明文の大きさはサイトオプションから変えることができますが、見出しの大きさは変えることができません。
見出しのフォントの大きさを変えるにはCSSをいじることで可能です、ここではCSSを使って、見出しフォントが大きくする方法を説明します。
フォントの大きさを変えるCSSのタグ
フォントの大きさを調整しているCSSのタグは、『font-size』です。
実際にSIRIUSのテンプレートで書かれている例としては、こんな感じです。
#main_h2{
font-size: 16px;
}
見出し（h2、h3）のフォントサイズを大きくする
SIRIUSテンプレートのページ見出し（h2、h3）の要素は、
『#main h2,#main h3,.blog .title{ }』です。
実際の装飾タグはこういう感じです。
#main h2,#main h3,.blog .title {
font-size: 16px;⇒この部分を変えることでフォントのサイズを変えていくことができます。
line-height: 30px;
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 5px;
margin-top: 5px;
color: #FFF;
padding-left: 35px;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
background-color: #333;
background-image: url(./img/h3.jpg);
}
その他の見出し（h4〜h6）のフォントサイズを大きくする
その他の見出し（h4〜h6）のサイズを変えたい場合は、以下の要素をSIRIUSのCSSスタイルシートから探してみてください。
h4の見出しを変えたい場合は、
#main h4 {
}
h5の見出しを変えたい場合は、
#main h5 {
}
h6の見出しを変えたい場合は、
#main h6 {
}
これらのfont-sizeのpxを増減することで、フォントの大きさを変えていくことができます。
関連ページ
- SIRIUSシリウスの見出しの余白を調整する方法
- SIRIUSシリウスの見出しの余白を調整する方法について説明します。
- SIRIUSシリウスの見出しの背景画像を変える方法
- SIRIUSシリウスの見出しの背景画像を変える方法について説明します。
- SIRIUSでサイドバーメニューの文字を中央寄せにする
- SIRIUSでサイドバーメニュー見出しの文字を中央寄せにする 方法について説明します。
- SIRIUSでトップメニューの文字をカスタマイズする
- SIRIUSでトップメニューの文字をカスタマイズする方法について説明します。
- SIRIUSでサイドバーの背景を消す方法
- SIRIUSでサイドバーの背景を消す方法について説明します。
- SIRIUSでトップメニューのカスタマイズ方法
- SIRIUSでトップメニューのカスタマイズ方法について説明します。
- SIRIUSシリウスでサイトの行間と段落を広げる方法
- SIRIUSシリウスでサイトの行間と段落を広げる方法について説明します。
