livedoor ナレッジ

サイドバーのタイトルの文字の、その下に表示される文字の色の変更の方法を教えてください

サイドバーのタイトル（最新記事とかコメント）の文字ではなく、それらの下に表示される文字（例えばArchivesの下なら。２００７年２月といった文字）の色を変えるのはCSSのどこの部分を修正すればよいのでしょうか。

サイドバーについているものをプラグインと呼びますが、プラグインの本文部分の色の設定は、スタイルシートの下のほうある

.side{ }

の中でします。

この中は、デザインによって

.side{
	font-size:11px;
	text-align:left;
	line-height:125%;

とか

.side{
	background:#e7eeef;
	font-size:x-small;
	text-align:left;

とか、なっています。

普通ここに色の指定はありませんが、ここに、

color:# 色コード ;

を追加して下さい。
具体的には、緑にしたいのなら

color:#0f0;

という具合に、行を加えることで文字の色が緑に変わります。

ここで注意しなければならないのは、これで指定した文字の色は、リンクの付かない状態の色だということです。

プラグインの中の文字には、リンクが付いてる状態のものが多いですから、それに対しても色の指定をしないと、色が変わって見えません。

その部分は、

.side a{ }

で指定しています。
デザインによって、この後に、もっと細かいリンクの状態ごとの指定があって

 .side a{ }
 .side a:link{ }
 .side a:visited{ }
 .side a:active{ }
 .side a:hover{ }

と並んでいることもあります。

 .side a{ }

の中に

color:# 色コード ;

の指定がなかったら、.side{ } の場合と同様に追加してください。
色の指定があったら、好きな色コードに換えて下さい。

細かい状態ごとの指定が続いていて、これらの中にもし、「color:」の指定があったら、同じカラーコードに変えて下さい。
状態ごとの指定に「color:」がなければ、追加する必要はありません。