ウィジェットタイトル list マーカー

  • 解決済 hige

    (@hige)


    16年、 8ヶ月前

    こんにちわ！
    かなり初歩的な質問で恐縮ですが、１日掛けても解決できないため質問させて頂きます。

    ウィジェットタイトルのマーカーを消せません。

    ウィジェットのタイトル部分はデフォルトでは以下のような構造かと思うのですが、
    自分なりに「css」を編集しても書き足しても問題を解決できません。

    <div id=”sidebar”> ←ここはテンプレートによって違うわけですよね …
    <li id=”recent-posts” class=”widget widget_recent_entries”>
    <h2 class=”widgettitle”>○○</h2>

    #sidebar ul {
    list-style-type: none;
    padding: 0 5px;
    margin:0;
    }
    #sidebar ul li {
    list-style-type: none;
    padding: 5px 0;
    border-bottom: thin solid #40a538;
    }

    id や class でそれなりに書き込んでみたのですが、どれもうまくいかず 八方ふさがりの状態です。
    解決法をご存知の方、ご教授お願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • jim912

    (@jim912)

    16年、 8ヶ月前

    higeさん、こんにちは。

    指定としては間違っていないので、より適用度の高いCSSの設定がなされているか、背景画像、content:beforeなどでの指定によるものではないかと思われます。

    利用しているテーマを教えて頂ければ、具体的に対処方法をお伝えできかもしれません。

    トピック投稿者 hige

    (@hige)

    16年、 8ヶ月前

    ご回答ありがとうございます。

    利用しているテーマは「Cool Green 1.2 : Rajbir Dhaliwal 作」です。

    なお補足させて頂きたいのですが、プラグインで「My Category Order」を使用していて、そちらのタイトルに上記のようなマーカーが入ってしまいます。

    引き続きご回答のほど宜しくお願い致します。

    jim912

    (@jim912)

    16年、 8ヶ月前

    higeさん、こんにちは。

    Cool Greenは、ウィジェット利用時のコード検証があまりなされていないようで、ulがないのにいきなりliが出力されます。このため、CSSの

    #sidebar ul li {
	list-style:none;
	padding: 5px 0;
	border-bottom: thin solid #40a538;

}

    が有効となっていません。

    CSSだけの編集にとどめるなら、

    #sidebar li {
	list-style:none;
	padding: 5px 0;
	border-bottom: thin solid #40a538;

}

    とすれば直るかと思います。

    ただし、この方法ではhtmlの文法違反は放置になりますので、その点ご留意ください。

    トピック投稿者 hige

    (@hige)

    16年、 8ヶ月前

    jim912さん、ご回答ありがとうございます。
    ご連絡が遅くなって申し訳ありません。

    なるほど、テーマのhtml構造に問題があるってこともあるわけですね。
    目から鱗です。

    ありがとうございました。
    まずはhtmlの構造を修正してみて、うまくいかないようであればご教授頂いた方法（文法違反のようですが … 涙 ）でやってみようと思います。

    最後までお付き合い頂きましてありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「ウィジェットタイトル list マーカー」には新たに返信することはできません。