Changing the appearance of the comment section

pixelcounter · Member · Dec 8, 2011 at 12:28 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Dec 8, 2011 at 6:03 pm
Copy link
I don’t see any comment section or comments and no 2 responses to comments text on this site: http://pixelcounter.wordpress.com/ .
pixelcounter · Member · Dec 8, 2011 at 6:13 pm
Copy link
Thanks for the reply thesacredpath,

the comments appear only in a separate page http://pixelcounterrr.com/leave-a-comment/
designsimply · Member · Dec 8, 2011 at 6:21 pm
Copy link
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;
}
```
thesacredpath · Member · Dec 8, 2011 at 6:21 pm
Copy link
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;
}
```
thesacredpath · Member · Dec 8, 2011 at 6:32 pm
Copy link
G’day @designsimply!
pixelcounter · Member · Dec 8, 2011 at 6:32 pm
Copy link
Beautiful, thank you designsimply and thesacredpath.
designsimply · Member · Dec 8, 2011 at 6:35 pm
Copy link
Hi @thesacredpath! I like comparing our collision answers sometimes. :D
thesacredpath · Member · Dec 8, 2011 at 6:38 pm
Copy link
Yeah, your .comment would be better would be a better solution me thinks.
pixelcounter · Member · Dec 8, 2011 at 6:41 pm
Copy link
I was comparing your answers too and noticed “.thread-even” -code in the thesacredpath’s answer. Please, would someone clarify what that does?
thesacredpath · Member · Dec 8, 2011 at 6:57 pm
Copy link
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.
designsimply · Member · Dec 8, 2011 at 6:57 pm
Copy link
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.
designsimply · Member · Dec 8, 2011 at 6:58 pm
Copy link
@thesacredpath :) You beat me by seconds that time!
thesacredpath · Member · Dec 8, 2011 at 6:59 pm
Copy link
We’re a tag team. It’s like answer-squared.

:-)
designsimply · Member · Dec 8, 2011 at 7:00 pm
Copy link
lol :)
pixelcounter · Member · Dec 8, 2011 at 7:02 pm
Copy link
Thanks, I like these stereo-answers!

No items found.