Site logo

Archived topic

Decreasing Comments Box Padding

6 replies · Started by Sharif on March 31, 2017

Viewing posts 1–7 of 7

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

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.

Thanks Leo,
Please see the following image. I want to decrease left and right padding between triangle edges and comment itself.
padding
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.
padding2
Regards,

Give this a shot:

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

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?

Looks good to me :)

Yep, don't see any issues :)

This archived topic is closed to new replies.