除非将鼠标悬停在链接上，否则看不到链接？

Question

我的网站遇到问题 http://noahsdad.com；如果您查看我安装在最底部的小部件，您将无法看到链接，除非您将鼠标悬停在链接上。这种情况不仅仅发生在这个小部件上，几乎所有我放入的小部件都带有“薄雾”，如果这是有道理的话。

我想知道是否有人可以帮助我弄清楚发生了什么以及如何纠正它。

谢谢。

Answer 1

链接是可见的，它们只是设置为浅灰色。您在 default.css 文件中定义了这些规则：

a:link, a:visited {
  color: #EEEEEE;
}

a:hover {
  color: #999999;
}

您可以更改标准链接颜色的值，或者创建具有更高特异性的新规则，以便只有该小部件中的链接受到影响。

#dsq-combo-widget a {
  color: #999;
}

更新

您尚未指定新样式的颜色：

.widget ul li a:link, .widget ul li a:visited {
    display: block;
    text-decoration: none;
    color:  #999;  <-- Add this
}

Answer 2

只是因为颜色，你看不到它，但它是可见的。您在第 3 行“http://yourdomain.com/wp-content/themes/ProPhoto_10/style.css”处的所有“a:link, a:visited”和所有链接都有预定义颜色 (#EEE)正在继承该颜色，因此如果您想更改小部件的颜色，请添加另一种颜色，例如

.widget ul li a:link, .widget ul li a:visited {
  display: block;
  text-decoration: none;
  color: #333; /*or whatever you want*/
}

位于同一文件的第 345 行。

Answer 3

我也有同样的问题。 为其添加颜色。 转到事件页面，查找要编辑的铅笔，然后在文本视图（右上角选项卡）中查看此内容。 查看代码并替换为下面的代码。 在引号中添加您的电子邮件或链接，而不是下面的电子邮件。 然后将您要显示的单词替换为 HERE。 这里