[Support request] Comments Section – Remove White Space via CSS?

[Chris]

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

[Tom]

Perhaps try this CSS instead:

.comment-body {
    padding: 10px 0;
}

.comment .children {
    margin-top: -10px;
}

.comment-content {
    margin-top: 10px;
}

[Chris]

Thank you Tom! That worked as you indicated. Looks much better now.

[Tom]

Awesome, glad I could help 🙂

[Author]

Posts