WordPress Twenty Twelve Comment Threading Issue

Click to enlarge

I’m not sure if this is because I’m using Livefyre to manage my comments or maybe it’s a fault of WordPress’s Twenty Twelve theme but ever since I moved from Twenty Eleven, my comment threads have added space between comments and again in between each thread. This doubles the length of my comments on the blog and makes for messy comment reading experience.

You can see an example of this with the image on the left. The areas in purple are the wasted space. It wastes so much space that I had to shrink the image down so you could get an idea of how much space it is wasting.

I have threading turned off in my WordPress settings.

I’m no CSS expert, this is no secret. I can get a theme and hack it together into something I like but normally with the help of qualified friends like David. I’ve asked on Twitter a few times but no one has responded with a suggested solution. The image to the left is a screenshot of the post for my Nutella Ice Cream Recipe, if you want to see the problem for yourself.

Maybe you guys can help in the comments, on my comments. How meta is that?

23 comments
onebrightlight
onebrightlight

@justex07 Easy fix. I posted on your Facebook profile.

justex07
justex07

@onebrightlight hmmm, removed those two line (just two right?) and still having the issue Did I misunderstand? Thanks! http://t.co/uoLP7g1f

onebrightlight
onebrightlight

@justex07 No I’m saying that the spacing there in those settings is what’s causing the wildly large changes. Try setting them to 15px or 1em

justex07
justex07

@onebrightlight Thank you! That worked perfectly! cc/ @Livefyre

justex07
justex07

@onebrightlight hmmm so looks like it is something on @livefyre’s end? the .fyre-comment-article stuff is on their end not my theme’s css.

onebrightlight
onebrightlight

@justex07 @Livefyre You can override it in your own CSS, though.

justex07
justex07

@onebrightlight I think you’re onto something else that bothers me though, the distance between sidebar sections... http://t.co/L08AYMab

justex07
justex07

@onebrightlight ideally, everything in that pink box would simply not exist. I don’t need the lines representing the depth of the comment.

justex07
justex07

@onebrightlight 2nd time around I think I’ve made your changes but would they fix what I’m seeing in the pink box? http://t.co/nMTePszl

onebrightlight
onebrightlight

@justex07 Easy fix. I posted on your Facebook profile.

justex07
justex07

@onebrightlight hmmm, removed those two line (just two right?) and still having the issue Did I misunderstand? Thanks! http://t.co/uoLP7g1f

onebrightlight
onebrightlight

@justex07 No I’m saying that the spacing there in those settings is what’s causing the wildly large changes. Try setting them to 15px or 1em

justex07
justex07

@onebrightlight Thank you! That worked perfectly! cc/ @Livefyre

onebrightlight
onebrightlight

@justex07 @Livefyre You can override it in your own CSS, though.

justex07
justex07

@onebrightlight hmmm so looks like it is something on @livefyre’s end? the .fyre-comment-article stuff is on their end not my theme’s css.

justex07
justex07

@onebrightlight I think you’re onto something else that bothers me though, the distance between sidebar sections... http://t.co/L08AYMab

justex07
justex07

@onebrightlight ideally, everything in that pink box would simply not exist. I don’t need the lines representing the depth of the comment.

justex07
justex07

@onebrightlight 2nd time around I think I’ve made your changes but would they fix what I’m seeing in the pink box? http://t.co/nMTePszl