更改电话号码小部件的颜色（Wordpress）答案

【问题标题】：Changing color of phone number widget (Wordpress)更改电话号码小部件的颜色（Wordpress）
【发布时间】：2014-05-10 19:33:09
【问题描述】：

大家下午好！

在我的页脚中，我列出了当前显示为橙色的电话号码 (0186 555 0550)，如何将其更改为白色？

请看：

http://79.170.44.145/sweetfe2.co.uk/

电话号码位于通过小部件拖入我的页脚的信息框中。我正在使用 Wordpress 主题 - DesignFolio

【问题讨论】：

在文件 79.170.44.145/sweetfe2.co.uk/wp-content/themes/designfolio-pro/… 第 162 行（a:link、a:visited、a:hover）上更改颜色：#FFFFFF;
这会改变所有链接吗？我只希望电话号码显示为白色。

【解决方案1】：

这就是所有必需的，它不会破坏任何其他 css：在您的样式表中：

.phone a {
    color: white;
}

【讨论】：

我将此添加到我的样式表 (style.css) - 不幸的是没有任何改变？
尝试将该行放在样式表的底部以确保它不会被覆盖。当我们在我的电脑上说话时，它正在工作，你的网站。如果仍然失败，请将 .phone 设为 { color: white !important; }

【解决方案2】：

你有一个 CSS 规则使所有链接都变成橙色：

a:link, a:visited, a:hover {
    color: #BD6208;
    text-decoration: none;
}

所以你需要在你的页脚覆盖这个规则

.footer-widget-container a:link {
    color:#fff;
}

或者你可以更具体一些

.footer-widget-container .phone a:link {
    color:#fff;
}

【讨论】：

【解决方案3】：

在你的样式表中试试这个。

.phone > a {
    color: #FFFFFF;
}

【讨论】：

【解决方案4】：

.phone a {
color: #ffffff !important;
}

【讨论】：