Wordpress のリンクからリストのドットを消したよ
Wordpress のテーマ Twenty Ten をそのまま使っているのだけど、Widget のリンクにバナーの画像を貼付けるとリストのドットがなんだか格好悪い。
リンクの Widget の設定でドットを消せるのかな?と思ったけど、やり方がわからない。
自分でドット無しで表示する Widget を作ろうかと思ったけど、結局リンクが <li> で表示されてしまうからできないんじゃない?と思って諦めた…。
暫くして、ん?それじゃスタイルシートでやるんじゃない?
と、style.css を調べてみた。
Widget のリンクは class="xoxo blogroll" になるので、
.xoxo.blogroll li { list-style: none; }
と、思ったら元のドットの分、右にインデントしてる。ちょっと微妙な感じ。
というわけで、左に移動させてみた。
.xoxo.blogroll li { list-style-type: none; margin: 0 0 0 -15px; padding: 0 0 0 -15px; }