Help with Comments listed by Number

  • I’m somewhat of a noob when it comes to WP and working with php… so bare with me.

    I’m working on implementing WP into my website and I can’t seem to figure out some formatting issues I’m coming across… specifically the comments posted on my blog. When viewing the comments they are listed by number (1.,2.,3.,etc.) and I can’t seem to figure out how to get them lined up with the rest of my formatting.

    Take a look here to see what I’m talking about:
    https://www.danallison.com/blog/index.php?p=1#comments

    Is this a wp-layout.css problem or something to do with the wp-comments.php file?

    I’m pretty happy with the formatting I’ve been able to accomplish with the index.php file, so this is one of the last few things holding me up (besides the menu.. that’s next).

    Any help would be greatly appreciated.

    BTW, I’m still using WP 1.2.2. I’ll worry about the update once I figure this all out. ??

Viewing 7 replies - 1 through 7 (of 7 total)

  • Oh, don’t worry about fixing this before you update. Just update. EVERYTHING will be screwed up them…I’m kidding. It is a big step and it changes a lot of things.

    Okay, I checked and it looks fine to me. How do you want them lined up? And they might look different depending upon your browser. I checked them out with Firefox and they look fine. The number is inline with the first line of the comment. Should it be elsewhere?

    Do you want them closer? I’m trying to see what’s wrong and it looks fine to me.

    I think he means the number is further left than the margin for the rest of the post, which is how i see it anyway.

    Thread Starter quickfix

    (@quickfix)

    Thanks for your help.

    I’m looking to have the left margin be the same for all the text on the page. For me (in FireFox), the numbers are like 10 pixels to the left of all the other text on the page.

    ^^^ yeah.. what he said ^^^

    Oh and IE makes it look completely different. ??

    <ol id="commentlist">
    <li id="comment-1">
    <p>Hi, this is a comment....

    This is the CSS that holds your comments. The id for the comment changes dependent upon which comment it is: comment-1, comment-2, comment-3 and so on. Somewhere there is a plugin or hack that works on the odd or even numbers to alternative styles so they will have different styles (like alternating colors), but I can’t remember where it is right now…give it a search.

    So those are the tags you have to modify. As you see, the comment itself is in a paragraph tag, so leave that and just change the margins or padding for the comment list to move the numbers over…give it a try.

    Thread Starter quickfix

    (@quickfix)

    Cool, Thanks. I’ll give that a try.

    Try adjusting margin-left and padding-left for #commentlist, that should fix it. Note that IE and FF may handle these differently.

    In my experience something like margin-left:30px and padding-left:0 usually work.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Help with Comments listed by Number’ is closed to new replies.