ライブドアブログのCSSを修正できません。

質問

私が今作っているブログがこれです。
http://blog.livedoor.jp/byezowism-supplement/

ライブドアブログのテンプレートを利用して
ここまで人に聞いたりして
ここまでカスタマイズしてきましたが
このプラグインのタイトル下の文字を「#666666」にしたいのですが
どうしてもできないのです。
さらにこのプラグインの中でも「カテゴリ別アーカイブ」と「月別アーカイブ」の
項目の文字の頭になにやら「斜め線」のようなものが出てきて消す事ができません。
なんとかこの２つの内容について解決できる方がいらっしゃいませんでしょうか？
２日間悩んでいますがいまだに解決できず
全く前に進まない状況です。
何とぞ、よろしくお願いいたします。

ちなみに現在のCSSはこちらです。
http://blog.livedoor.jp/byezowism-supplement/archives/29179666.html

回答No.2

kobliha · ベストアンサー

.sidebody {
padding-left: 10px;
color: #666666;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_blanco_2c/arrow.gif) no-repeat left 4px transparent;
font-size: x-small;
line-height: 0.7;
}
この http://parts.blog.livedoor.jp/img/usr/ver06_km_blanco_2c/arrow.gif というのは「>」を画像化したもので、行高を 0.7 としているため「、」のように見えているだけ。画像 URL を削除すればよい。

.sidebody a:hover,
.side a:hover {
↓
.sidebody a:link,
.side a:link {
color: #666666;
text-decoration: none;
}

.sidebody a:hover,
.side a:hover {
color: #666666;
text-decoration: underline;
}

お礼

ありがとうございました、無事修正できましたのでご報告いたします。本当に感謝にたえません！

回答No.1

noix

ライブドアのテンプレートはいじったことないので仕様がわからないのですが。。

#666666にしたいのは、「厳選された～」っていう部分ですか？

ソース見るとその部分限定でクラスが指定されてなさそうですね。。
その部分のhtmlを自由にいじれるのであれば

<div align="center" style="color:#666666">厳選された～

っていう風になおしてあげればできるんじゃないでしょうか。
もし、部分的にhtmlをいじれない仕様なら、cssだけでは解決が難しいかもしれません。。
body全体の文字自体を#666666に変えるくらいしか。

「斜め線」については
該当cssの424行目のsidebody部分にある
background : url～ ;
の記述を丸ごと消せば消えるんじゃないでしょうか

お礼

noixさん、ありがとうございました。