Site logo

Archived topic

Delete or style borders in comments

5 replies · Started by breaked on July 20, 2017

Viewing posts 1–6 of 6

Hey there,

I want to delete or style the borders into the comments different.
Whats the css classes for these?

Hi there,

Try using the options in Customizer > Colors > Forms first.

If you need more customization then try these selectors:
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea

You'll actually need to do this:

.comment .children, 
.depth-1.parent>.children, 
.pingback .comment-body, 
.trackback .comment-body, 
.comment-content {
    border: 0;
}

Thanks Tom. That's what I need.

Hi Michael,
This is the CSS I use to style comment section


.comment .children, 
.depth-1.parent>.children, 
.pingback .comment-body, 
.trackback .comment-body, 
.comment-content {
    border: 0;
}
.comment-body{
	background-color: #ffffff;
	border-top: 1px solid #3a3a3a;
	font-size:16px;
        margin:0;
}
.comment-content{
      padding:0;
      border:0;
      margin:0;
      clear: both;
}
.comment .children{
     padding:0;
     margin:0;
}
.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-form #url {
	display:none !important;
	visibility:hidden !important;
}

Great!!! Much thanks.

This archived topic is closed to new replies.