web-dev-qa-db-ja.com

メインページでDisqusコメント数のスタイルを変更する方法

私は最近、私のブログにDisqusコメントプラグインをインストールしました。

メインページでコメント数のスタイルを変更できるようにしたいのですが、検索してもあまりうまくいっていません。

私のブログ http://scotthelme.co.uk にアクセスすると、JSが有効になっているかどうかにかかわらず、私の言っていることがわかります。コメントカウントボックスのスタイルを変更して、元のスタイルと一致するようにします。

誰が私が変える必要があるかについて正しい方向に私を向けることができますか？

ありがとう。

更新

JSが無効になっていると、私のコメント数は次のようになります（正しい）。

<a href="http://www.scotthelme.co.uk/wifi-insecurity-wpa/#comments" title="Comment on WiFi (in)Security – Even WPA can’t compensate for a weak password">
<span class="dsq-postid" rel="726 http://www.scotthelme.co.uk/?p=726">1</span></a>

JSが有効になっていると、私のコメント数は次のようになります。

<a href="http://www.scotthelme.co.uk/wifi-insecurity-wpa/#disqus_thread" title="Comment on WiFi (in)Security – Even WPA can’t compensate for a weak password" data-disqus-identifier="726 http://www.scotthelme.co.uk/?p=726">0 Comments</a>

アンカータグの内容をラップしているスパンを失い、再度挿入する必要があります。

commentsdisqus
2
Scott Helme

テーマ内のコメント数は<span class="comments-link">...</span>でラップされているので、CSSファイルに次のようにCSSルールを設定できます。

.comments-link {
 //here your rules
}

今後の質問については、Wordpressに限定されない純粋なCSSに関する質問が他のサイトにより適している可能性があることに注意してください stackoverflow 。

1
cybmeta