Help with Blog comments section - 2 issues - blurry image & editing the "Reply" link text...

The image for blog commenters is blurry and should not be. This same image is displayed on this forum to the left and the quality is normal. The quality should be the same on my site. Please help.

I want to change the text color (including hover color) for the "Log in to Reply" link in the blog comments section. How can I do this. Should I edit the "blog page page template" (or a different template) or add code (what code should I add) to the custom CSS section? Please assist.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

ol.commentlist li.comment .comment-author .avatar {
width: auto!important;
height: auto!important;}
 
ol.commentlist li.comment .reply {
background-color: YOUR COLOR VALUE;
color: YOUR COLOR VALUE;
}

Thanks & Regards
Nitesh Raghuwanshi

 

The code below for the avatar made the image smaller. I don't want the image to be smaller. I want the image to be the size it originally was but more clear (not blurry). The size is not the issue. The issue is the clarity of the image/photo. The issue also is NOT with my image because as you can see to the left (on this page) the image is the same (from Gravatar) but clear and even larger. The problem is definitely with the Infoway theme.

ol.commentlist li.comment .comment-author .avatar {
width: auto!important;
height: auto!important;}

I believe that the width and height does not have anything to do with it and should not be altered. What other suggestions do you have?

 

The second code to alter the text also did not work. I must also note that I'm only interested in altering the text, not the background color. So we're back to square one for both issues. Awaiting your reply.

FYI - If I have to edit any templates directly, I would be comfortable doing that (I create backups before editing anything).

 

I noticed that the text is different for logged-in users. I need to edit both text (logged-in version and the public version). The public version is displayed in the image above in blue text "Log in to Reply." The logged-in version says "Reply" and the text color is white. I need to edit both of these.

 

Hello,

1.For your image issue
Please follow the link given below
http://wordpress.org/support/topic/increasing-the-size-of-avatars

2.

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.post-info {
color: red;
}
h3#comments {
color: red;
}
#respond label {
color: red;
}
 
.comment-reply-link {
color: red!important;
}
ol.commentlist li.comment .comment-meta a {
color: red!important;
}
ol.commentlist li.comment p{
color: red!important;
}

Inplace of "red" put your color code.


Thanks & Regards
Gourav Shrivastava

 

The link for the first issue solved my problem. Thanks.

For the second issue, the code you provided (.comment-reply-link) solved 50% of the problem but I found a fix for the other half... The code entered in the custom CSS section only altered the blog comment reply text for logged-in users but it did not change the text for regular viewers. To change the text for the regular viewers, I had to edit one of the theme templates directly.

Issues resolved. Thanks for your assistance.