Search code examples
csswordpress

Can't see link unless you hover over link?

I'm having an issue on my site http://noahsdad.com; if you look at the widget I installed at the very bottom, you can't see the links unless you hover over them. This doesn't just happen with this widget, almost any I put in have a 'haze' over them, if that makes sense.

I'm wondering if someone could help me figure out what's going on, and how to correct it.

Thanks.

Solution

  • The links are visible, they are just set to a light grey colour. You have these rules defined in your default.css file:

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

a:hover {
  color: #999999;
}

    You could change the value of the standard link colour, or you create a new rule with a higher specitivity, so that only links in that widget are affected.

    #dsq-combo-widget a {
  color: #999;
}

    Update

    You haven't specified the color for your new style:

    .widget ul li a:link, .widget ul li a:visited {
    display: block;
    text-decoration: none;
    color:  #999;  <-- Add this
}