Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Changing the appearance of the comment section

  1. pixelcounter
    Member

    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. thesacredpath
    Member

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

  3. pixelcounter
    Member

    Thanks for the reply thesacredpath,

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

  4. designsimply
    Staff

    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. thesacredpath
    Member

    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. thesacredpath
    Member

    G'day @designsimply!

  7. pixelcounter
    Member

    Beautiful, thank you designsimply and thesacredpath.

  8. designsimply
    Staff

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

  9. thesacredpath
    Member

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

  10. pixelcounter
    Member

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

  11. thesacredpath
    Member

    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. designsimply
    Staff

    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. designsimply
    Staff

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

  14. thesacredpath
    Member

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

    :-)

  15. designsimply
    Staff

    lol :)

  16. pixelcounter
    Member

    Thanks, I like these stereo-answers!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags