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.


DISCLOSURE: I may be an affiliate for some of the products that I recommend. If you purchase those items through my links I will earn a commission which helps cover the cost of the free resources we provide. If you ever have any questions about my affiliations, please do not hesitate to ask..

Pin It on Pinterest

STAY RELEVANT | BE INFORMED | SIGN UP NOW

IT DOES NOT TAKE LONG TO GET LEFT BEHIND!

You have Successfully Subscribed!