I have a website http://mushroompalace.com. I run wordpress 3.1.3. I want the nested comments to go underneath each other. Not with indents.
A good example of what I mean in the Facebook Comments system.
Because right now you can't reply any more when the limit (I set my nested level to 5) of 5 replies is achieved.
I'm looking for a good plugin to fix this. Or some code.
I don't want the Facebook plugin, because most of my readers grow hallucinogenic mushrooms too and they obviously don't want to be known via Facebook Comments.
Nested comments issue (22 posts)
-
ToonVK
Posted 1 year ago # -
You'd need to handle this by editing your theme's CSS.
-
Posted 1 year ago #Can anyone show me how to do this? Because I don't know how
-
You can't edit the Twenty Ten theme as your changes will be over-written the next time you upgrade WordPress. For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.
-
Posted 1 year ago #Yeah I already noticed this with the footer.php
It really sucks.
So what do I need to do? Copy my theme files, and drop them in a new folder "twentyten-child" under "Themes" in "wp-content"?So there isn't any way to fix this with a plugin? Or an other theme?
How do other wordpress owners deal with this? -
So what do I need to do?
See the child theme link I gave above.
So there isn't any way to fix this with a plugin?
No - it's completely theme dependant.
Or an other theme?
You could but finding the right one could be difficult.
How do other wordpress owners deal with this?
By editing their theme's stylesheet(s). Or, if they're using Twenty Ten, creating a child theme and adding the custom CSS to the child theme's style.css file.
-
Posted 1 year ago #Do you know the right CSS for the comments?
Will you be able to help me when I installed the child theme? -
Once your child theme is active, we should be able to help with the customisation.
-
Posted 1 year ago #I created a twentyten-child theme. It is active at this moment.
It gave me an error with the functions.php, but the tutorial you linked to said that funtions.php is optional. And since you said we needed to work on the stylesheets... so I deleted the functions.php.
Now what do we do?(Thanks for helping me by the way)
-
It gave me an error with the functions.php
The child theme's functions.php file - if it exists - should be empty initially.
Do you have any comments yet? If so, a link to them would be helpful.
-
Posted 1 year ago #I was testing on this post:
http://mushroompalace.com/stuffed-mushrooms-with-sun-dried-tomatoes-goat-cheese-and-olivesI deleted all the files in twentyten-child except for the style.css
That is correct? -
I deleted all the files in twentyten-child except for the style.css
That is correct?Yes. You don't need any other files except for those you want to change.
Now try adding:
.commentlist li.comment { margin:0; padding:0; } .comment-author cite, .comment-meta { margin-left:45px; }to your child's stylesheet - after the @import line.
-
Posted 1 year ago #So now my code looks like this:
/* Theme Name: Twenty Ten Child Theme URI: http://wordpress.org/ Description: child theme of twentyten Author: Toon Van Kets Template: twentyten Version: 0.1.0 */ @import url("../twentyten/style.css"); #site-title a { color: #009900; } .commentlist li.comment { margin:0; padding:0; } .comment-author cite, .comment-meta { margin-left:45px; }That works. But all comments are aligned. I'd like the replies to make an indent. But only once. Not every time someone replies.
Sorry if I'm making myself not clear. My native language isn't English. I do my best
-
I'd like the replies to make an indent. But only once.
Change:
.commentlist li.comment { margin:0; padding:0; }to:
.commentlist li.comment { margin:0 0 0 20px; padding:0; }Adjust the final margin value to suit.
-
Posted 1 year ago #Now it just looks the same as before...
http://mushroompalace.com/stuffed-mushrooms-with-sun-dried-tomatoes-goat-cheese-and-olives
I set the margin to 20, 30 and 50 and it all has the same effect (logically). -
Sorry - my bad! You also need to add:
.commentlist li.comment li { margin-left:0; } -
Posted 1 year ago #Like this?
/* Theme Name: Twenty Ten Child Theme URI: http://wordpress.org/ Description: child theme of twentyten Author: Toon Van Kets Template: twentyten Version: 0.1.0 */ @import url("../twentyten/style.css"); #site-title a { color: #009900; } .commentlist li.comment li { margin-left:0; } .commentlist li.comment { margin:0 0 0 30px; padding:0; } .comment-author cite, .comment-meta { margin-left:45px; }That doesn't seem right. The first comment is aligned with the replies.
-
Well - what is it that you want?
-
Posted 1 year ago #If everything is aligned, you can't see who originally posted.
I took the example of facebook: http://2.bp.blogspot.com/-Xpp3UDWyLd4/TYl2yRf5AaI/AAAAAAAAAHg/4oVM1zxtJj4/s1600/facebook_comment.PNG
So the first comment could start at margin 0px and all the replies at 20px. I'm sorry if I didn't make this clear earlier.
-
add this as well:
.commentlist li.comment.depth-2 { margin:0 0 0 20px; padding:0; font-size:90%; }font-size is optional - makes the writing a bit smaller - like facebook ;-)
-
Posted 1 year ago #Thanks so much!
-
Posted 1 year ago #Is there any way to fix the limited amount of replies?
I believe the maximum is 10. Can you change that to infinite?
Topic Closed
This topic has been closed to new replies.
