Try just using <?php wp_list_comments(); ?>
If you take a squizz at the code I’ve used <?php wp_list_comments('avatar_size=60'); ?> which i believe does the same thing as <?php wp_list_comments(); ?> except also adjusts the avatar size. Any other advice?
Yes – take out 'avatar_size=60' for now.
I removed 'avatar_size=60' but the comments still aren’t threading.
Fair enough. Just wanted to ensure that you hadn’t just hit a bug that I wasn’t aware of. Try checking your theme’s header.php file and ensure it contains:
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
just before the </head> tag.
Thanks, that section was missing. I’ve added it now. The problem now is that when I hit the ‘reply’ link, it opens up the comment field, but I can’t type any text into the text field. Very weird.
Could be a plugin. Or, just as likely, a CSS issue.
If I leave a new comment the text field works fine, I can enter text, submit the comment and it all works as it should. If I try and leave a reply to a comment however I can enter the name, email, website but cannot even type in the text field.
The inability to type was a plugin issue by the looks of things. I disabled MCEComments and now can type and submit ‘reply’ comments.
The replys still aren’t threading though, I’m guessing from here on it’s a css thing, but can’t be sure. I’ve attached the css to the bottom of the code here:
http://wordpress.pastebin.ca/1834959
A link to your site would be far more useful for troubleshooting a CSS problem.
I’m working on the theme on a local environment so it’s not live online anywhere (ie. it’s not a live site).
I’ve added the css code for the comments section to here:
http://wordpress.pastebin.ca/1834959
I’ve now uploaded the theme and you can see it working here:
http://www.swollenpickles.com/2010/03/17/a-new-theme-and-the-bug-hunt-begins/comment-page-1/#comment-53467
That comment is a direct reply to the comment above it. It’s a css issue as far as I can tell, but I’m not sure what I’ve screwed up.
A standard comment (ie. not a reply to existing comment) should be left aligned with the rest of the pages content, but currently it seems to be pushed about 20px to the right as well.
Any advice?
On that page, the second comment is in reply to the first – hence the CSS nested display. If you mean that the whole comment list is being pushed over, it’s because your comment list CSS is being over-ridden by:
.post ol {
padding:10px 0 10px 30px;
}
Try changing:
ol.commentlist {
padding:10px 0;
}
to:
.post ol.commentlist {
padding:10px 0;
}
Thanks, that fixed the issue of all comments being pushed to the right.
Now to edit the style of the nested comment, should I be playing around with ul.children in the css?
