Wordpress : 塗りつぶし解除

Question

Wordpress初心者です。

固定ページにてカテゴリー毎の人気記事を掲載しようと試みましたところ、こちらが意図しない青色の塗りつぶしが生じてしまいました。この塗りつぶしを解除するにはどのコードを修正すれば良いのかご教授いただけますでしょうか？もしお時間がございましたらお答えいただけますと幸いです。

該当ブログ : http://availability89.com
該当ページ：http://availability89.com/category/

塗りつぶし状態

該当コード(例)
[wpp header="「English」の人気記事" header_start="<h4>" header_end="</h4>" wpp range="all" order_by="views" limit=3 thumbnail_width=120 thumbnail_height=120 excerpt_format=0 excerpt_length=100 wpp_start='<ol class="wpp-list2">' wpp_end="</ol>" stats_views=1 cat="9" post_html='<li style="list-style:none;border-bottom:1px gray dotted;"><p style="margin-right:1em;float:left">{thumb}</p><p><b><a href="{url}">{text_title}</a></b><br /><span>{summary}</span></p><p style="clear:both"></p></li>']

<style> .wpp-list2{ margin: 0!important; counter-reset: no; } .wpp-list2 li:before{ content: counter(no); counter-increment: no; color: white; /*文字色*/ background-color: black; /*背景色*/ text-align: center; opacity: .999; float: left; line-height: 30px; width: 30px; height: 30px; border-radius: 2px; -moz-border-radius: 2px; margin-right: -25px; } </style>

Answer 1

塗り潰しを解除するだけなら、

style.css:777

#the-content > ol {
    counter-reset: number;
    list-style-type: none!important;
    padding: 0.5em;
    background: #5297e5;
    border-radius: 5px;
    border: dotted 1px #5c9ee7;
}

ここのbackgroundを打ち消せば解決すると思います。

ただ、空のpタグとか所々に入っていますね。
それの影響で、

<h4><span id="DOUBLE_R">「DOUBLE R」の人気記事</span></h4>
<p>
</p>
<ol class="wpp-list2">
</p>
<li style="list-style:none;border-bottom:1px gray dotted;">
...

とか訳わからなくなっています。

pタグ自動挿入がONになっているので、OFFにしておかないと、後々また不具合が出るかもしれないです。
下記URLを参考に、固定ページ側に

remove_filter ('the_content', 'wpautop');

を入れましょう。
このページ限定ならIDを指定して。

http://pilgrim-guild.com/remove-ptag/

Comments

[Naokoro]

取り急ぎ、塗りつぶしを解除することができました。本当にありがとうございました！