Arriere Plan des commentaires en couleur avec bordures et plus..

Theme/ Personaliser/Avancé/CSS

Petit Guide pour aider dans le code

=========Code============

.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single {

margin-left:50px;

width:640px;

}

.comments .comment-block,.comments .comment-thread.inline-thread .comment {

border:8px double #9189d5;

background:#8985d9;

background-color:#283252;

padding:10px;

padding-right:10px;

padding-left: 10px;

}

.comment-header {

border-bottom: 10px double #6d88c1;

padding-bottom: 5px;

}

.thread-chrome.thread-expanded .comment-header {

width: 500px;

margin-left: 45px;

}

.thread-chrome.thread-expanded .comment-content {

width: 420px;

line-height: 24px;

overflow:hidden

}

.comments .comment-thread.inline-thread .comment-actions {

display: none;

}

.item-control.blog-admin {

display: none;

}

.comments .comments-content .comment-replies {

margin-top:0;

}

.comments .comment-content {

line-height: 1.4em;

padding: 6px;

}

.comments .comment-thread.inline-thread {

padding-left: 2px;

}

.comments .comment-thread.inline-thread .comment {

width:auto;

}

.comments .comment-thread.inline-thread .comment:after {

content:"";

position:absolute;

top:210px;

left:-200px;

border-top:8px solid #ab8bc7;

width:0px;

height:0;

}

.comments .comment-thread.inline-thread .comment .comment-block {

border:0;

background:transparent;

padding:0;

}

.comments .comment-thread.inline-thread .comment-block {

margin-left:20px;

}

.comments .continue {

border-top:0;

width:100%;

}

#comment-editor {

width:98%!important;

}

.comment-form {

width:100%;

max-width:100%;

}

===========Ajout Bouton =================

 .comment-actions {

background: #372349; 

padding: 3px;

margin-left: 20px; 

border: 2px dotted #ab8bc7; 

float: right;

margin-top: -1px; 

margin-right: 40px; 

}

.comment-thread a {

color: #909ebe;  

}