[Resolved] Decreasing Comments Box Padding

[Sharif]

Hi,
I want to decrease padding for comment box section. Any css to decrease comment padding and to decrease reply padding?
Regards,

[Leo]

Hi there,

Sorry not quite sure which comment’s padding you are referring to as all of them have some padding I believe.

Are you able to provide a link to your and let me know which padding you are wanting to decrease specifically?

I will for sure provide some CSS 🙂

Let me know.

[Sharif]

Thanks Leo,
Please see the following image. I want to decrease left and right padding between triangle edges and comment itself.

Also As you see there is a seperate traingle for name and for comment, I want the name and comment in the same comment triangle as following.

Regards,

[Tom]

Give this a shot:

.comment-content {
    padding: 0;
    border: 0;
}

[Sharif]

Thanks Almost Done!
I wanted to make some other changes too and added this css.
/*
Comment CSS
*/
li.comment {
background-color: #efefef;
border: 1px solid #fff;
font-size:15px;
}
.comment-list li {
margin-top: 5px;
padding: 5px;
}
.comment-list .comment-respond {
margin-top: 20px;
}
.comment-respond label {
display: none;
}
.entry-comments .comment-author {
margin-bottom: 0;
}
.entry-pings .reply {
display: none;
}
.comment-list .comment-reply {
line-height: 1;
}
.form-allowed-tags {
background-color: #f5f5f5;
font-size: 16px;
padding: 20px;
}
.comment-content{
padding:0px;
border:0;
clear: both;
}
.comment .children{
padding:0px;
border:0;
margin:0px;
}

Can you tell me it this css OK?

[Leo]

Looks good to me 🙂

[Tom]

Yep, don’t see any issues 🙂

[Author]

Posts