Archived topic
Comments Section - Remove White Space via CSS?
3 replies · Started by Chris on April 20, 2018
What CSS changes should I make to remove/reduce the extra white space that currently shows up in Comments area:
(1) On top of the User Name
(2) Below the meta information ("April 20, 2018 at 3:59 pm | Edit | Reply")
(3) On top of the User Name in the reply comments (if different) below initial comments.
I've added some custom CSS, but the Comments are not being spaced as I would like.
.comment-body {
padding: 20px 0;
}
.entry-meta.comment-metadata {
margin-top: 0;
margin-bottom: 0;
}
See the Comments to this post for reference:
http://chrisbanescu.com/blog/2018/04/how-to-demotivate-employees-and-undermine-morale-and-productivity/#comments
Perhaps try this CSS instead:
.comment-body {
padding: 10px 0;
}
.comment .children {
margin-top: -10px;
}
.comment-content {
margin-top: 10px;
}
Thank you Tom! That worked as you indicated. Looks much better now.
Awesome, glad I could help :)