Removing border-bottom on links

  • Resolved thorirv

    (@thorirv)


    9 years, 7 months ago

    Many of the links in Resonar are displayed with a .border-bottom (solid, 1px). In order to construct a button I need to remove .border-bottom from specific elements in .entry-content, but can’t find the css for it, neither by inspecting in browser or looking through the parent theme’s main css.

    Does any of you have a hint that might help me look in the right place? In that case I’d be thankful.

    All the best, Th

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

  • What is your URL?

    Thread Starter thorirv

    (@thorirv)

    Here.

    Moderator Kathryn Presner

    (@zoonini)

    The underline effect is coming from here:

    div.entry-date a:hover, .entry-footer a:hover, .comment-author a:hover, .comment-metadata a:hover, .pingback .edit-link a:hover, .textwidget a, .entry-date a:hover, .entry-content a, .entry-summary a, .entry-footer .author-bio a, .page-content a, .comment-content a, .pingback .comment-body > a, .taxonomy-description a, .logged-in-as a, .site-info a, .image-navigation a:hover, .comment-navigation a:hover, .widget_gravatar a, .widget-grofile p a, #infinite-footer .blog-credits a {
    background-image: linear-gradient(to right, currentcolor 0%, currentcolor 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    color: #0074b8;
    text-decoration: none;
}

    This should override it for your button element:

    background-image: none;

    Let me know if that helps point you in the right direction!

    Had the same problem, worked for me. Thanks!

    Thread Starter thorirv

    (@thorirv)

    A (very) belated thank you @kathryn for your reply!

    Moderator Kathryn Presner

    (@zoonini)

    You’re welcome!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Removing border-bottom on links’ is closed to new replies.