テーマMystique(2.4.2)デザイン調整

当方はWordPressを使用しておりまして、テーマは、Mystique(ver2.4.2)を使用しております。デザイン素人ですが、少しスタイルシートをいじったので覚書き。

1.英語テキストがすべて大文字になってしまう件。

style.css内のtext-transformプロパティをすべて修正。

デフォルトは、text-transform:uppercase
修正後は、text-transform:none

※ちなみに、値は以下の通り。

none→記述した通りに表示。初期値はコレ。
capitalize→単語の先頭文字を大文字で表示。
lowercase→全てを小文字で表示。
uppercase→全てを大文字で表示。

2.エキストラナビゲーションのアイコンが見難い件。

Mystiqueは、デフォルトでヘッダーにRSSとtwitterのエキストラナビゲーションアイコンがあり、マウスオーバー時(図A)に、もう少し上までひょっこりしないと見難いと感じたので、style.cssを以下のように修正。

図A

[102行目]追加
#header p.nav-extra{height:54px;top:-46px}

[103行目]変更
修正前　#header a.nav-extra{width:64px;height:36px;display:block;float:right;margin-left:6px;}
修正後　#header a.nav-extra{width:64px;height:60px;display:block;float:right;margin-left:6px;}

これでマウスオーバー時のアイコンが多少見やすくなるかと思います。