Styling Comments?

Yeah. I’m editing “live” in FireFox though. . .everything else takes effect on the spot. Nothing changes in the comments though . . .even with that tutorial.
I haven’t modified wp-comments.php . . . . what gives?

You may be better editing it through the template editor or on your machine. I’ve seen this non-effect in FF before – and I’ve no idea what causes it.

Interesting. I know I got it to work once before . . .before I hacked the original style sheet to bits.
I’ll give that a go and report back if nothing changes.

Yeah, still nothing.

hey hey tek!! check your wp-comments.php file and you’ll probably see that it is using a different style sheet. I deleted this reference to this style sheet personally and just used my main css file. that’s most likely why you aren’t seeing the results.

Good thinking, but nope.
Even if I delete all of the ‘commentlist’ stuff in the CSS, nothing happens. So weird.
Maybe someone can see what I’m missing?
https://tekmonki.com/wp-comments.phps

Ah ha!
ok, well their is a class .commentlist. Also there is the class”commentmetadata”. Here is what I am seeing. In your wp-comments.php document you are calling the CSS up like this.
<ol class=”commentlist”> BUT in your CSS you have commentlist as an id tag (ie: #commentlist) when it should be .commentlist (which is a class).
Make sense? just change the #commentlist –> .commentlist and anywhere else you may notice the problem. It worked when I did a test of your CSS.

oops some stuff didn’t show up in my post. Basically your wp-comments.php is looking for the class “commentlist”. But in your CSS you have it set as an id. “#commentlist”
If it has the # in front of it, it is an ID. To make it a class you want it to be like this “.commentlist” with a . in front of it.

Awesome!
See, I knew it was something stupid like that. Tried every combo but that one.
So then how do I call “ol” and such?

whew! glad to help.
if you want to style “ol” specifically you just do this “ol { style:blah; }” . This means any “ol” will be styled this way. You can do that with most html elements.

awesome. it’ll probably take some tweaking but I think to get your comment numbers inside the box you want this.
li { list-style-position: inside;}
As for the h3, i’m not sure what you mean exactly. Woo, i’m glad I called in today, this is fun! ??

You’re rockin’ it. Ok, so that got them inside, but I want to use them as a sort of a . . .background I guess.
Like 1 would fill the 1st comment box, 2 the 2nd, etc.
Kinda like this:
https://www.mikeindustries.com/blog/archive/2004/10/sifr-2.0-release-candidate#comments
And by the H3’s I mean “Leave a Comment” and “X Reponses to . .” headings.

ahh, i see. very nice effect too. Welp, i found the code he is using for the numbers i’m still not sure exactly how he applied it.
.bignumbers {
position: absolute;
top: 0;
right: -15px;
color: #FFF;
font-family: Times, "Times New Roman", serif;
font-size: 186px;
z-index: 10;
padding-top: 41px;
height: 250px;
width: 250px;
text-align: right;
}
then he put <div class="bignumbers"> in his page.

Hmmm. I emailed him to see too. I’ll toy with it and see if I can figure something out in the meantime. He’s using MT I think though. . . . not sure how much that will matter.

you know what, I think that he is using php to get the comment id’s rather than using a

. I don’t think wordpress is setup to get comment id’s per post like that. It just does the total number of comments. so the first post would be 1, 2, 3 then the second post would be 4, 5, 6.
I’m sure there’s a way but the way I see it that’s the only way he can put the <div> tags in the right spot.