link color in comment area

  • this is the piece of the style.css;

    /* comments */
    .closed {color: #999;}
    .commentlist {margin: 15px 0 15px 15px; padding: 0;}
    .alt {background: #f1f1f1; border: 1px solid #ddd; border-right: 0; border-left: 0;}
    .commentlist li {list-style: inside decimal; margin: 10px 0 30px; padding: 10px;}
    .commentlist cite {color: #888; font-family: arial, geneva, sans-serif; font-size: 130%; font-style: normal;}
    .comment-meta {font-size: 75%; margin: 0; padding: 0;}
    #comments, #respond {border-bottom: 1px solid #ddd; padding: 5px 0;}
    #commentform p {margin: 2px 0 5px;}
    #commentform label {font-weight: bold;}
    #commentform input {background: #fff; border: 1px solid #777; width: 50%;}
    #commentform textarea#comment {background: #fff; border: 1px solid #777; width: 96%;}
    #commentform #submit {width: auto; padding: 2px;}

    my blog: https://appleblogz.com

    i am trying to change the color of all the links in the comment section of the blog (especially the “Reply” and “Quote” links)

    tks.

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

  • These links are in a div with the comment-remix-meta class. You can change their color with (enter your own color):

    div.comment-remix-meta a {color: #0000ff;}

    The date/time permalink of the comment is in a paragraph with the comment-meta class, so you can change that with:

    p.comment-meta a {color: #0000ff;}
    Thread Starter roeiboot

    (@roeiboot)

    thanks… now where do i add this div. line ? in which file ? tried in the style.css but that doesn’t change anything.

    Thread Starter roeiboot

    (@roeiboot)

    is this what you mean: https://pressography.com/plugins/wp-comment-remix/ ?

    Thread Starter roeiboot

    (@roeiboot)

    nobody ? Bueller ?

    You would enter it in style.css. If the links don’t change color, it’s because the color (our changes) is being overridden. The problem is this line in your style.css:

    #content a {color: #033;}

    In your /* comments */ section of style.css, add

    #content div.comment-remix-meta a {color: #0000ff;}
#content p.comment-meta a {color: #0000ff;}

    That should override the default link color setting.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘link color in comment area’ is closed to new replies.