Support » Theme: Afterlight » Remove underline decoration in text/image links

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    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.

Viewing 1 replies (of 1 total)
  • The topic ‘Remove underline decoration in text/image links’ is closed to new replies.