The underline effect on links is actually coming from a linear gradient on the background-image
property, not from text-decoration
. Tricky!
.entry-content a, .entry-footer .author-bio a, .page-content a, .taxonomy-description a, .logged-in-as a, .comment-author a, .comment-content a, .pingback .comment-body > a, .textwidget a, .aboutme_widget a, .widget_gravatar a, .widget-grofile a, .site-info a {
background-image: linear-gradient(to right, currentcolor 0px, currentcolor 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 100% 1px;
}
To remove it, try adding this to your custom CSS:
.entry-content a, .entry-footer .author-bio a, .page-content a, .taxonomy-description a, .logged-in-as a, .comment-author a, .comment-content a, .pingback .comment-body > a, .textwidget a, .aboutme_widget a, .widget_gravatar a, .widget-grofile a, .site-info a {
background-image: none;
}
Keep in mind that if yyour links are the same colour as the surrounding text, folks may not realize they’re clickable so you’ll probably want to distinguish them in another way.
Let me know how it goes.