Forums

Editing Comments CSS (10 posts)

  1. Linkaq
    Member
    Posted 1 year ago #

    Question 1:

    I don't like the way comments look on my site and I figure I can change the look by tampering with the CSS. However, I don't know what CSS to tamper with. If i view the source code of a page containing comments, the comment section contains classes that are NOT in my Style.CSS document. What gives? Is there something I don't know here?

    Question 2:

    Also, when a user leaves a comment, their is a empty image box where I guess a gravatar (is that how you spell it?) would go. I don't yet know how to use gravatar images or profile images on my site yet, so I'd like to remove this image box off the comment section. Also, the date and time when a comment was posted shows up as a link. When I click on the link, all it does is link me to the same exact page. This seems stupid. How can I get rid of the link?

    Please help! Thanks a lot guys.

  2. Chase Adams
    Member
    Posted 1 year ago #

    1. Your comments are editable by:
    ol.commentlist, .commentlist li

    Rather than getting rid of gravatars completely, Gravatar automatically places a default gravatar in that box. It seems your theme may be broken.

    What theme are you using and can you share your URL?

  3. Linkaq
    Member
    Posted 1 year ago #

    I created my own theme using Artisteer. Check out the comment left on this page. Try to let me know how I can change the CSS for the comment text. I'd also like to get rid of the gravatar, because I don't know how to make use of them yet. Lastly, how can I change the date link so that it's not a link? How can I modify the CSS for this date?

    Please help. Thanks a lot in advance.

    Here's the link: LearnWriter.com

  4. Chase Adams
    Member
    Posted 1 year ago #

    .commentlist (starts at line 1576 of your stylesheet) is what you'll edit to make changes.

    It's well documented so you should be able to make changes based on the comments.

    As for removing the gravatar, I'd just set .commentlist li .avatar to display: none; rather than trying to fiddle with your .php files.

    As for the links to the date & time, that should be in functions.php or comments.php if you're on a Mac, you can use spotlight, type commentlist and there should be a .php file within your themes folder that has the php for it. look for get_the_date(); or the_date(); within your file and if it's inside of the commentlist div, there should be a link that surrounds it. just delete the and tags surrounding it.

    Hope that helps.

  5. Linkaq
    Member
    Posted 1 year ago #

    It sounds like you know what you're talking about. I'm on a PC but I guess I can find the get_the_date(); or the_date(); tag in the functions.php or comments.php files like you said. Thanks a lot for your help and effort, dude. Something like this may be a simple task for folks like you, but for me it's a frustrating puzzle that will irk me for weeks. I really appreciate it when WP users provide the kind of help that really, well, helps. Thanks again.

  6. Chase Adams
    Member
    Posted 1 year ago #

    If you decide it's too much work, drop me a line and I'll be glad to help you in more detail...or even fix it for you. @realchaseadams on twitter.

  7. Linkaq
    Member
    Posted 1 year ago #

    Nah I'd feel bad doing that. I'll keep your twitter account though in case I'm completely clueless about something in the future, however. I'd be willing to pay you, of course.

    Anyway, I was able to find the get_comment_date(); and get_comment_time(); tags in the functions.php file. I just want to remove the link from the date and the time, but not sure what I have to do here to get that done. You said remove the "and" tags, but I'm not sure what and tags are. If I can't remove the link I'll be willing to get rid of the whole thing. Any ideas?

  8. Chase Adams
    Member
    Posted 1 year ago #

    My bad. It's not the and tags, I forgot to surround it by the code tag to make it show.

    Find the <a href="something<?php the_date(); ?>">the date and time php</a>

    and remove the link tags that surrounds it. I hope that's useful. It's a simple fix if you change your mind. Just hit me up.

  9. Linkaq
    Member
    Posted 1 year ago #

    Worked like a f*cking charm! Thanks man! I'll definitely hit you up on Twitter if anything comes up.

  10. Chase Adams
    Member
    Posted 1 year ago #

    Sounds good.

    Congrats on getting it worked out and welcome to the Wonderful World of WordPress!

Topic Closed

This topic has been closed to new replies.

About this Topic