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.

001

 

 

 

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.

002

 

 


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


STAY RELEVANT | BE INFORMED | SIGN UP NOW

IT DOES NOT TAKE LONG TO GET LEFT BEHIND!

You have Successfully Subscribed!

Pin It on Pinterest