I was able to correct my problem with the same issue…using a little help from this forum as well some digging myself. I thought I’d post my solution here to help future stumblers…
Issue: Blue dotted line appearing under Widget images that were also links.
It was an easy fix. I went into the CSS of my WordPress site and scrolled down the page until I began seeing several tags starting with
“#sidebar {“
It looks exactly like this:
/************************************************
* Sidebar *
************************************************/
#sidebar {
float: right;
width: 250px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
line-height: 18px;
}
#sidebar a, #sidebar a:visited {
color: #3A87DD;
text-decoration: none;
border-bottom: 0px dotted #3A87DD;
}
#sidebar a:hover {
color: #3A87DD;
text-decoration: none;
border-bottom: 0px dotted #FFFFFF;
}
Notice that the 2nd and 3rd code blocks include “border-bottom”. I changed it to 0px. It did say 1px. That’s it! No more blue dotted line under my sidebar widget link/images.
