Archived topic

White space in comment section

5 replies · Started by Vijaykumar on November 21, 2018

Viewing posts 1–6 of 6

November 21, 2018 at 2:50 am #733104

There is a large gap in the comment section comments. How can we remove the white space gap as shown in the below screenshot?
https://imgur.com/HSCaNBo

I tried it editing directly in the stylesheet but it got overwritten on next plugin update. How can I add custom CSS for this?

I don't want to keep 0 padding for these sections but some reduced value so the comments will be closer.

November 21, 2018 at 2:59 am #733116

Hi there,

this CSS:

.comment-list .comment-content {
    margin-top: 0.5em;
    padding: 10px 30px;
}
.comment-list .comment-body {
    padding: 15px 0;
}

You can add it to the Customizer > Additional CSS or to your Child Theme Style sheet. Theme updates won't effect either of them.

November 21, 2018 at 4:52 am #733201

hey thanks! looks good.
Just showing no gap for reply comments. see screenshot. How it can be done?
https://imgur.com/aQ2LIpf

November 21, 2018 at 5:03 am #733211

EDIT:
Try this change to the second piece of CSS:

.comment-list .comment-body {
    padding: 15px 0 25px;
}

November 21, 2018 at 6:02 am #733265

perfect thanks!

November 21, 2018 at 6:03 am #733266

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.