2012-02-19 62 views
0

我在我的網站上遇到問題http://noahsdad.com;如果你看看我安裝在最底層的小部件,除非將鼠標懸停在它們上面,否則看不到這些鏈接。這不僅僅發生在這個小部件上,如果這是有道理的,我幾乎所有的東西都會對它們產生「陰霾」。除非將鼠標懸停在鏈接上,否則無法看到鏈接?

我想知道如果有人能幫我弄清楚發生了什麼事以及如何糾正它。

謝謝。

+0

只需更改鏈接的顏色即可,但對顏色不可見。 – 2012-02-19 22:40:11

回答

0

鏈接是可見的,它們只是設置爲淺灰色。你已經在你的default.css文件中定義的規則:

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

a:hover { 
    color: #999999; 
} 

你可以改變標準的鏈接顏色的值,或創建具有更高specitivity一個新的規則,因此,只有在小部件鏈接的影響。

#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 
} 
+0

感謝您的幫助。我補充說,但鏈接仍然顯示相同。我做錯了什麼? (感謝您的幫助。) – 2012-02-19 23:06:32

+0

答案已更新。 – devdigital 2012-02-19 23:12:27

+0

嗯......很奇怪。我把它放在我的自定義CSS文件中。我只是加倍檢查。我不認爲我可以在這裏放置一個屏幕截圖,但它在那裏......奇怪。 – 2012-02-19 23:16:53

0

只因爲顏色你看不到它,但它是可見的。您在第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繼承該顏色。

相關問題