Need help? Check out our Support site, then


Changing the appearance of the comment section

  1. Hello everyone,

    I was wondering if there's a simple way to alter the white box of the comment section (http://pixelcounterrr.com/leave-a-comment/) so that it would be the same color as the background? And to get rid of that "2 Responses to “Comments:” text?

    Thanks in advance,

    Topi

    The blog I need help with is pixelcounterrr.com.

  2. I don't see any comment section or comments and no 2 responses to comments text on this site: http://pixelcounter.wordpress.com/ .

  3. Thanks for the reply thesacredpath,

    the comments appear only in a separate page http://pixelcounterrr.com/leave-a-comment/

  4. In the Kubrick theme:

    To make the comment backgrounds transparent:

    .comment {
        background-color: transparent;
    }

    To get rid of the "2 Responses to “Comments:” text?:

    h3#comments {
        display: none;
    }
  5. This should do it, but adding a second or third comment might require some additional tweaking. Add a couple more test top level comments and see. Also add one while logged in to see if author comments are treated differently.

    h3#comments {
    display: none;
    }
    
    .thread-even {
    background-color: transparent;
    }
  6. G'day @designsimply!

  7. Beautiful, thank you designsimply and thesacredpath.

  8. Hi @thesacredpath! I like comparing our collision answers sometimes. :D

  9. Yeah, your .comment would be better would be a better solution me thinks.

  10. I was comparing your answers too and noticed ".thread-even" -code in the thesacredpath's answer. Please, would someone clarify what that does?

  11. The comments section has several classes assigned to it in the markup (XHTML). This is done to allow separate styling of different types of comments (even, odd, depth level, etc.).

    comment
    even
    thread-even
    depth-1
    highlander-comment

    <li id="comment-41" class="comment even thread-even depth-1 highlander-comment">

    It sort of all depends on what the theme author wants to do for styling on the comments - or for any other element as far as that goes.

  12. Sure. The name "thread-even" is a class name, which is a type of selector in CSS. For more details, see http://en.support.wordpress.com/css-basics/

    When a theme is designed, the developer can add any class names they like. When you use the Custom Design upgrade on WordPress.com, you use the class names from the theme you're running to build your custom CSS around it.

    In WordPress, sometimes the classes are set by the core files an sometimes they are set or overridden in the themes. The "thread-even" class is set by WordPress and it applies to the top level of each set of comments and replies.

  13. @thesacredpath :) You beat me by seconds that time!

  14. We're a tag team. It's like answer-squared.

    :-)

  15. lol :)

  16. Thanks, I like these stereo-answers!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags