Archived topic
Delete or style borders in comments
5 replies · Started by breaked on July 20, 2017
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.