WordPress Twenty Twelve Livefyre Conflict Resolved

Big thanks to two Twitter friends who took it upon themselves to solve what was to me a major issue on my blog. I explained it in an earlier post but basically comments took up twice as much space as they should. That made for an ugly comment section.

Turns out the problem was two fold. First WordPress’s Twenty Twelve theme simply puts too much space between comments. The second problem was a CSS conflict with Livefyre was double-nesting all the comments, thus doubling the space taken up. Five comments in a row would end up taking ten comments worth of space. So the solution? Much easier than I thought!

Lines 1-5 prevent the double-nesting of comments (or so I’m told via @onebrightlight). LInes 6-12 close up the space after each comment and lines 14-16 remove the extraneous lines WordPress insisted on adding to my blog. The last bit of help came from @BigCloudMedia. He later went on to help me close in the extra space on my sidebar between items. How kind!

So now my comments issue is fixed and my sidebar spacing issue. Thanks Twitter, but especially thanks to Christopher Kennedy and Big Cloud Media.

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?