Remove underlines from text links

  • Resolved sifu

    (@sifu)


    5 years, 7 months ago

    For the life of me, I cannot figure out ‘why’ all links created in a text element – show up with underlines.
    All css – whether from parent theme (twentyseventeen), child theme, AND custom css added via WordPress customizer — is set to: text-decoration: none;
    Even adding !important does not remove the underline.

    How can the underline be removed – for text links?

    Any guidance would be greatly appreciated. (I’ve spent way too many hours trying to find this – at this point).
    Thanks!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter sifu

    (@sifu)

    I am guessing that the underline – and hover effect is being generated via JavaScript.
    How can I change it — without “hacking” your plugin scripts?

    I have the same question.
    Have tried all means of css, with no luck.
    There must be a way to do this ?

    Plugin Author boldthemes

    (@boldthemes)

    Hi @sifu and @colinf,

    It seems that the underline on links comes from themes’ CSS. Please use the following codes in order to remove it:

    .entry-content a, 
.entry-summary a, 
.comment-content a, 
.widget a, 
.site-footer .widget-area a, 
.posts-navigation a, 
.widget_authors a strong {
    box-shadow: none !important;
}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
   box-shadow: none !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove underlines from text links’ is closed to new replies.