Html fa图标被取消资格评论计数覆盖

我正试图在“注释”旁边的“注释计数”旁边显示一个字体很棒的图标，如下所示。我想要它，以便点击图标的任何区域，计数或单词评论将链接到后评论。然而，我遇到了一个问题，discus评论计数不断覆盖我的超链接。 代码1:使用下面的代码，我只得到“0”中的注释计数：

<a href="<?php the_permalink() ?>#disqus_thread"><i class="far fa-comments"></i>Comments</a>

代码2：通过下面的代码，我得到了我想要的效果，但只有计数是可点击的，注释图标和注释文字是不可点击的

<span ><i class="far fa-comments"></i><a href="#disqus_thread"></a> comments</span>

注释

最后的代码是三个零

<span >
    <a href="#disqus_thread"><i id="comment" class="far fa-comments"></i></a>
    <a href="<?php the_permalink(); ?>#disqus_thread"></a>
    <a href="#disqus_thread">comments</a>
</span>

这是我买的一个WordPress主题，主题创建者不是很有帮助。如果能得到任何帮助，我将不胜感激

谢谢

这里有一个CSS解决方案：）

.comments:：before{
字体系列：“FontAwesome”；
内容：“\f086”；
垂直对齐：中间对齐；
}

@Mech如果这是个问题，它将导致语法错误并破坏整个页面，而不仅仅是功能。不确定为什么需要

标记，但是第二个不能正常工作的原因是因为

@Mech之间没有任何东西，出于某种原因，我在锚定标记中放置的任何内容都会被discus comment count覆盖，因此在第二个场景中，例如，如果我按照您的建议在标记中放置注释，我所看到的是0或是任何评论计数post@codeblue001奇怪。我已经添加了我的CSS解决方案。这对您有用吗？Discus正在查找

#discus_thread

元素，并将其替换为注释计数。也就是说，你放在元素里的任何东西都会被替换。这也是为什么在最后一个代码中得到3

0

s的原因-您有3次取消线程id。CSS解决方案应该是可行的。您只需确保将其添加到正确的元素中即可。谢谢！你建议的另一种方法奏效了，第一种方法仍然导致了同样的错误，我猜这与主题有关。