hkatsumiさん、こんにちは。
表示に関する部分はテーマの扱いになります。
今回は、リストマークですのでテーマのCSSですね。
で、変更すべき箇所ですが、利用しているテーマフォルダ(mandigo)内のstyle.css.php、729行目
list-style-type: circle;
を変更すれば良いはずです。
jim912さん、早速の回答ありがとうございます。
いただいた変更ではサイドバーのリストマークすべてがなくなってしまいます。 カテゴリー(曲名)だけを変えたかったので、下記のコードをmandigo/header.php の
echo implode(“\n”, $lastminutecss);
の後ろ(240行目あたり)に追加しました。(これはmandigoのガイドに従いました。)
.sidebars {
font-size: 1.1em;
}
.widget_categories ul li {
list-style-type: none;
list-style-image: none;
margin: 0;
}
.widget_categories ul li ul li{
list-style-type: none;
list-style-image: none;
margin: 0 0 0 10px;
}
jim912さんの回答がヒントになって、ここまで来ることが出来ました。
さらに欲を言えば、{あ、い、う、・・・、ん}がリストマークみたいなものですから、これをリストマークの位置まで左に寄せたいです。 試行錯誤でやってみます。
ありがとうございました。
いろいろ試行錯誤の結果、このようなCSS設定にしました。
.sidebars {
font-size: 1.1em;
}
.widget_categories ul li {
list-style-type: none;
margin: 0 0 0 -1.6em;
}
.widget_categories ul li ul li{
list-style-type: none;
margin: 0 0 0 0.8em;
}
marginの値にマイナスを設定しましたが、これは許されるのでしょうか?
IE7 では望みどおりの表示になっています。
hkatsumiさん、こんにちは。
もう少々、フィードバックさせていただきます。
.sidebars {
font-size: 1.1em;
}
.widget_categories ul li {
list-style-type: none;
margin: 0 0 0 -1.6em;
}
.widget_categories ul li ul li{
list-style-type: none;
margin: 0 0 0 0.8em;
}
- .widget_categories ul li ul liのlist-style-type: none;は、前述の設定が継承されるので、記述の必要がありません。
- マージンの設定単位にemを用いられておりますが、テーマが使用している単位はpxなので、統一しないと文字サイズを拡大・縮小された際にズレが生じる可能性があります。
面倒ではありますが、気になるのであればブラウザを各種インストール&文字サイズの変更であれこれ検証の上、最適な設定をみつけてみてください。
jim912さん、こんにちは。
- 継承のこと、すっかり忘れていました。
- em, px など単位のことを勉強して近日中にやります。
ブラウザはfirefoxとmacはやりたいと思っています。 この問題はこれにて「解決済み」にします。
ありがとうございました。