左メニューで最新タイトルの件名が実は文字の上をクリックすると一覧が出るというリンク文字になっているので、他の左メニューのタイトルと同じ設定のままではリンク文字の設定色がそのまま使われます。
今回はこの最新タイトルの文字色は「白」としたかったので、CSS設定だけではうまくいかなかったので、[管理]-[デザイン]のページで、最新タイトル表示させているモジュール名をdivで囲んで、クラス名などを追加しました。
<div class="ti00"> <hatena name="section" template="hatena-module"> //モジュール名 </div>
以下実際のCSSの記述
/*最新タイトルのタイトル名のみ左揃えに新規クラス作成後設定したクラスti00*/ /*最新タイトル文字に関する設定*/ div.ti00 div.hatena-moduletitle{ margin: 1em 0 0.3em 0; padding: 2px 0px 0px 0px; text-align: center; font-weight: normal; } div.ti00 div.hatena-moduletitle a{ color:#FFF; margin: 1em 0 0.3em 0; padding: 0; }
/*最新タイトル下に表示される一覧に関する設定*/ div.ti00 div.hatena-modulebody{ text-align:left; //左寄せ line-height:150%; //行間150% } div.ti00 div.hatena-modulebody li{ border-bottom:1px dashed #ccc; //件名ごとの下に下線を引く }