Skip to content

Instantly share code, notes, and snippets.

@humayunahmed8
Created September 15, 2018 19:07
Show Gist options
  • Save humayunahmed8/cfbec441be056096f1b7149bd27f864c to your computer and use it in GitHub Desktop.
Save humayunahmed8/cfbec441be056096f1b7149bd27f864c to your computer and use it in GitHub Desktop.
Comment form template CSS for WordPress
/*=====================================
Comment Template CSS
========================================*/
.comments-area {
margin-top: 40px;
}
.comments-area h2.comments-title {
font-size: 25px;
margin-bottom: 20px;
}
.comment-list {
margin: 0;
padding: 0;
list-style: none;
}
.comment-meta {
margin-bottom: 20px;
}
.comment-meta a {
color: #333;
}
.comment-meta img {}
.comment-author.vcard {
position: relative;
padding-left: 50px;
}
.comment-author.vcard img {
position: absolute;
left: 0;
top: 5px;
}
.comment-metadata {
margin-left: 50px;
}
.comments-area table {
border-left: 1px solid #dddd;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.comments-area table td,
.comments-area table th {
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 10px;
}
.comments-area th {
background: #278cc1;
color: #fff;
}
.comments-area dd {
margin-bottom: 15px;
}
.comments-area .comments-content ul,
.comments-area .comments-content ol {
padding-left: 15px;
}
.comments-area .comment-content ul,
.comments-area .comment-content ol {
padding-left: 15px;
}
.comment-reply-link {
background: #1e71f9;
display: inline-block;
padding: 5px 20px;
color: #fff;
border-radius: 5px;
}
.comment-list li.comment {
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
.comment-metadata {
font-size: 80%;
}
.comment-reply-link {
margin-top: 10px;
}
.comment-list li ol.children {
padding-left: 50px;
margin: 0;
list-style: none;
margin-top: 25px;
}
.comment-list li ol.children ol.children {
padding-left: 20px;
}
.comment-list li.comment:last-child {
border-bottom: 0px solid;
padding-bottom: 0;
margin-bottom: 0;
}
.comment-respond {
margin-top: 50px;
}
.comment-notes {
font-size: 90%;
margin-bottom: 40px;
}
.comment-form label {
display: block;
margin-bottom: 10px;
}
.comment-form input,
.comment-form textarea {
width: 100%;
margin-bottom: 20px;
}
.comment-form input[type=submit] {
width: auto;
}
@mataijo
Copy link

mataijo commented Jun 14, 2022

Yhnnmcv

@mataijo
Copy link

mataijo commented Jun 14, 2022

Sgsbsbwjj

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment