2014-03-31 18 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