用CSS改变Wordpress中图标的颜色

用CSS改变Wordpress中图标的颜色,css,wordpress,Css,Wordpress,我正在用这个主题建立一个Wordpress网站,我在更改标题栏前的字体图标的颜色时遇到了一些问题 从屏幕截图中可以看到,我已将图标(.h1 single top block I.fa)的颜色更改为#ffffff,但它被上面的代码覆盖(颜色:#92d050!重要;) 现在我知道了!重要优先,但我找不到该代码所在的文件,因为它告诉我的是(索引) 如果我为此禁用代码,图标会按照我的意愿变为白色,但我很难找到导致问题的位的.css文件的位置 有人能帮忙吗 编辑:从下面的链接可以看到,Wordpre

我正在用这个主题建立一个Wordpress网站,我在更改标题栏前的字体图标的颜色时遇到了一些问题

从屏幕截图中可以看到,我已将图标(.h1 single top block I.fa)的颜色更改为#ffffff,但它被上面的代码覆盖(颜色:#92d050!重要;)

现在我知道了!重要优先,但我找不到该代码所在的文件,因为它告诉我的是(索引)

如果我为此禁用代码,图标会按照我的意愿变为白色,但我很难找到导致问题的位的.css文件的位置

有人能帮忙吗

编辑:从下面的链接可以看到,Wordpress后端的主题编辑器将图标显示为白色,但它不起作用


还有,引用它的(索引):237-这个文件到底在哪里?后端中没有index.html文件或类似文件。

这不是一个CSS问题,因为您了解级联的工作方式,以及更新的声明覆盖以前的声明

您似乎还知道需要删除该
(颜色:#92d050!重要;)
声明

以便找出在何处作出该项声明;在Chrome开发工具中打开页面(其他开发工具可能与之类似,但我使用Chrome)并关注相关元素

在右侧,您将看到负责应用于每个元素的样式的样式表。如果你点击它,你会看到它的完整URL,然后就可以进入声明了

如果负责
颜色的文件:#92d050!重要的声明为
index.html
,则文件正在内联。它可以直接位于
header.php
中,也可以从单独的CSS文件内联。您必须查看header.php才能看到这一点

另一种解决方法是使用类似atom的程序,在整个网站上搜索
颜色:#92d050!重要的声明。这会让你找到它

这是一个很好的例子,说明了为什么您应该使用!尽可能少地发表重要声明

我刚刚看到了该网站的链接


重写声明位于索引文件中,可能位于header.php中。如果您没有直接看到它,那么应该在header.php中引用一些.css文件。覆盖声明将在这些CSS文件中的一个文件中

在整个项目
.h1 single top block i.fa
@dalecandela中找到它。您可以共享此页面的链接吗?谢谢您的回答-在哪里可以找到此Atom?您可以在Atom.io下载Atom。确保将整个站点文件夹添加为项目(文件>添加项目文件夹)。。。然后通过同时按[command][shift][f]搜索整个项目文件夹这里是header.php代码,我没有看到任何header.php引用-如果仍然没有解决问题,请再次发布代码。。。你发布的链接已过期