リンク上にカーソルを置かないとリンクが表示されませんか？

Question

私のサイトに問題がありますhttp://noahsdad.com;一番下にインストールしたウィジェットを見ると、それらの上にマウスを置かないとリンクが表示されません。これはちょうどこのウィジェットで起こるのではなく、私が入れたほとんどのものは、それが理にかなっていれば、それらの上に「かすみ」があります。

私は、誰かが何が起こっているのか、それを修正する方法を理解するのに役立つだろうかと思います。

ありがとうございました。

Answer 1

リンクは表示されているだけで、明るい灰色に設定されています。あなたの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 
} 

Answer 2

だからこその色のあなたがそれを見ることはできませんが、それは目に見えるのです。 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行にあります。