Posted 1 year ago #
I have nested comments in the Wordpres settings activated it is supposed to go 5 levels deep. But it will not work, the comments will simply show up one below the other all aligned to the left side, without the nested effect.
Could it be that I did something wrong on the CSS styling? I've double checked and I'm not using any width values or anything that will not make it not indent.
Posted 1 year ago #
Are they enabled with the special JS in the head of your document? Please provide a link to your site along with the name of the theme (and link to it) so we can check out the CSS.
Posted 1 year ago #
I can not provide a link because it's on my local server I'm developing a template right now.
I've not enabled any JavaScript, do I have to do it manually, if so, how can I do it?
If you want specific parts of the CSS let me know and I'll post them up.
If I would know where exactly in the WordPress files the li tags and the cite tags of the comments section are located I'd just remove them myself, I haven't found them till yet.
Posted 1 year ago #
The styles for the comments (since that's what we're talking about). The JS (really PHP) needed for threaded comments in the header is below.
<?php
/* We add some JavaScript to pages with the comment form
* to support sites with threaded comments (when in use).
*/
if ( is_singular() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );
?>
Posted 1 year ago #
I found what was causing this problem, I had this line in the CSS file:
* { margin: 0; padding: 0; }
When I comment that line out the nested comments are working, but a new problem comes up, now my whole design will look broken because suddenly everything has too much margin and is pushing everything off each other away.
Is there any way I still can have everything at default on 0 margin, but have the nested comments use their own margin? So they don't clash with each other?
Posted 1 year ago #
Using the * CSS selector is really slow and not suggested at all. I'd use a different reset. You can see what I use here.
Ultimately you just need to get more specific with your CSS and add the margin/padding to the comment areas. Even if you're using the * selector doing something like:
#comment-div{margin:0 0 0 10px; padding:0 0 0 10px;}
should work to override the * selector since it's more specific and allow you to style the comments as needed.
Posted 1 year ago #
Thank you, overriding solved it.
This topic has been closed to new replies.
