Removing Widget Underlines

  • Resolved wayne2346

    (@wayne2346)


    7 years, 3 months ago

    Hi,

    On my page I would like to remove the underlines every time I hover over posts that are popular or recent.

    I tried using this CSS but doesn’t work:

    .colors-dark .widget-title a:hover {
    text-decoration: initial;
    box-shadow: initial;
    color: #ccc;
    }

    Thank you in advance.

    • This topic was modified 7 years, 3 months ago by wayne2346.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Are you sure that the default value (that you get with the keyword inital) doesn’t imply underlining?
    Have you tried text-decoration: none; ?

    it’s a long one but try this:

    
.colors-dark .entry-content a:focus, .colors-dark .entry-content a:hover, .colors-dark .entry-summary a:focus, .colors-dark .entry-summary a:hover, .colors-dark .widget a:focus, .colors-dark .widget a:hover, .colors-dark .site-footer .widget-area a:focus, .colors-dark .site-footer .widget-area a:hover, .colors-dark .posts-navigation a:focus, .colors-dark .posts-navigation a:hover, .colors-dark .comment-metadata a:focus, .colors-dark .comment-metadata a:hover, .colors-dark .comment-metadata a.comment-edit-link:focus, .colors-dark .comment-metadata a.comment-edit-link:hover, .colors-dark .comment-reply-link:focus, .colors-dark .comment-reply-link:hover, .colors-dark .widget_authors a:focus strong, .colors-dark .widget_authors a:hover strong, .colors-dark .entry-title a:focus, .colors-dark .entry-title a:hover, .colors-dark .entry-meta a:focus, .colors-dark .entry-meta a:hover, .colors-dark.blog .entry-meta a.post-edit-link:focus, .colors-dark.blog .entry-meta a.post-edit-link:hover, .colors-dark.archive .entry-meta a.post-edit-link:focus, .colors-dark.archive .entry-meta a.post-edit-link:hover, .colors-dark.search .entry-meta a.post-edit-link:focus, .colors-dark.search .entry-meta a.post-edit-link:hover, .colors-dark .page-links a:focus .page-number, .colors-dark .page-links a:hover .page-number, .colors-dark .entry-footer .cat-links a:focus, .colors-dark .entry-footer .cat-links a:hover, .colors-dark .entry-footer .tags-links a:focus, .colors-dark .entry-footer .tags-links a:hover, .colors-dark .post-navigation a:focus, .colors-dark .post-navigation a:hover, .colors-dark .pagination a:focus:not(.prev):not(.next), .colors-dark .pagination a:hover:not(.prev):not(.next), .colors-dark .comments-pagination a:focus:not(.prev):not(.next), .colors-dark .comments-pagination a:hover:not(.prev):not(.next), .colors-dark .logged-in-as a:focus, .colors-dark .logged-in-as a:hover, .colors-dark a:focus .nav-title, .colors-dark a:hover .nav-title, .colors-dark .edit-link a:focus, .colors-dark .edit-link a:hover, .colors-dark .site-info a:focus, .colors-dark .site-info a:hover, .colors-dark .widget .widget-title a:focus, .colors-dark .widget .widget-title a:hover, .colors-dark .widget ul li a:focus, .colors-dark .widget ul li a:hover {
    box-shadow: none !important;
}
    Thread Starter wayne2346

    (@wayne2346)

    Thank you for your assistance. The CSS was long but worked out.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing Widget Underlines’ is closed to new replies.