Make Your Sub-Comments A Little Less Cramped

Many of us Divi users end up using the default WordPress comments feature rather than using a plugin. That’s what I use here on this blog.

But some of our comment conversations can go a few levels deep. And after about two replies, it gets harder and harder to read the text. Like this image below.

So here is how you can fix that by decreasing the left margin on the sub-comments using just a little CSS.

If you are working with a child theme you can go to Appearance>Editor and open your stylesheet. If not go to Divi>Theme Options. This will open up the ePanel. Now scroll down until you get to the Custom CSS box on the bottom of this page.

Add this CSS.

/*------------------------------------------------*/
/*----[DECREASE LEFT MARGIN ON SUB-COMMENTS]------*/
/*-------------[ BY GENO QUIROZ ]-----------------*/
/*------------------------------------------------*/

	.comment .children {margin-left: 50px;}

Now the conversation looks little better.

Well that’s all for now. I hope you find this article useful.

Bio
Latest Posts

Geno Quiroz

Geno is an entrepreneur who has been designing websites since 1996. He also enjoys all things design, traveling, hanging out with friends, encouraging other believers, and experimenting with new technologies. When not doing any of the above, you can find Geno blogging or writing Divi customization tutorials here on Quiroz.co.