2014-03-31 72 views
0

大家下午好!更改电话号码小部件的颜色(Wordpress)

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

请参阅:

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

的电话号码是通过一个小窗口拖动到我的页脚的信息框。我使用WordPress的主题 - DesignFolio

+0

上文件http://79.170.44.145/sweetfe2.co.uk/wp-content/themes/designfolio-pro/style.css?ver=3.8.1行号162(一个:链接,a:visited,a:hover)改变颜色:#FFFFFF; – Zeeshan

+0

这将改变所有链接?我只希望电话号码显示为白色。 – Sam

回答

1

这就是所有必需的,它不会毁了任何其他的CSS: 在你的样式表中:

.phone a { 
    color: white; 
} 
+0

我将此添加到我的样式表(style.css) - 不幸的是没有改变? – Sam

+0

尝试将该行放置到样式表的底部以确保它不会被覆盖。它正在我们的个人电脑,您的网站上发言。如果仍然失败,请使用它。电话a颜色:白色!重要; } –

+0

繁荣 - 工作!谢谢大家解决!学习到教训了! – Sam

1

你有一个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; 
} 
+0

我想所有的链接橙色除了电话号码,做上述将覆盖所有链接。 – Sam

+0

看到我的回答,然后;-) –

+0

请看下面,不幸的是它没有工作。 – Sam

0

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

.phone > a { 
    color: #FFFFFF; 
} 
+0

感谢您的回复,unfortunatley这不起作用? – Sam

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

请添加说明以及代码片段。 – Maresh