左側のメニューカラムの文字を大きくする

今までに作って共有に登録してある私のテンプレートは全て
左側がメニューになっていると思います

この左側の
メニュータイトルやカレンダーを除く部分の文字の大きさを変更する場合の方法を紹介します

メニューリストのアイテム部分だけを大きくしたい場合
（<h2></h2>で囲まれているメニュータイトルは除く）
以下の部分をCSSファイルの中から探してください
（だいたい中央付近にあります）

div#secondary-column li {
color: #999966;
list-style-position: inside;
list-style-type: square;
}

div#secondary-column a {
color: #999966;
text-decoration : none;
}

div#secondary-column a:hover {
color: #999966;
text-decoration : none;
border-bottom: 1px dashed #999966;
}

div#secondary-column a:visited {
color: #999966;
text-decoration : none;
}

↑のようになっているものを
↓のようにすると文字の大きさを変える事ができます
尚、緑色の部分に文字の大きさを指定する事で
文字を大きくしたり小さくしたり出来ます

div#secondary-column li {
color: #999966;
list-style-position: inside;
list-style-type: square;
font-size: small;
}

div#secondary-column a {
color: #999966;
text-decoration : none;
font-size: small;
}

div#secondary-column a:hover {
color: #999966;
text-decoration : none;
border-bottom: 1px dashed #999966;
font-size: small;
}

div#secondary-column a:visited {
color: #999966;
text-decoration : none;
font-size: small;
}

また
管理人の名前とプロフィールの文字を変更したい場合は
以下の部分をCSSファイルに足す事で可能になります
（以下のような部分があるテンプレートもあるかもしれません
後で見てみます
simple_columnsには以下の部分はありませんので、付け足してください）

p.author-name {
font-size: small;
}

p.author-description {
font-size: small;
}

同じように緑色の部分を変更する事で
文字の大小を変える事が可能です

人気blogランキング参加中