Como personalizar todo o espaço dos comentários

Hooy,tudo bom ??!
Espero que sim .. 
Hoje vim postar um tutu super Kawaii 

É como personalizar a área dos comentários completa !
Okay.vamos ao tutu >>

Irá ficar mais ou menos assim >

 

Lembrando que as cores dos códigos são editáveis.

Vá em Designer >> editar html >> e procure por: #comments  

Se você não encontrar pesquisando isso, vá descendo seu html devagarinho até achar as tags "comments", isso até que é fácil. Se você encontrou de primeira tudo bem.

#comments .comment-author {

padding-top: 1.5em;

#comments h4,#comments .comment-author a,#comments .comment-timestamp a {color: #75cfd8;}#comments .comment-author:first-child {padding-top: 0;border-top: none;

}.avatar-image-container {margin: .2em 0 0; 

}

Este código de Cinza acima você deve apagar completamente, apague tudo. No lugar disso coloque o seguinte código, e no final olhe as dicas!... 

#comments h4 {background:url(url da imagem);

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

}margin:1em 0;font-weight: bold;line-height: 1.4em;text-transform:uppercase;letter-spacing:.2em;}

#comments-block {margin:1em 0 1.5em;line-height:1.6em;background:url(url da imagem);

}

#comments-block .comment-author {

Font-weight: bold;

color:#FFB5C5;

font-size:12px;

margin:.5em 0;

font-family:tahoma;

height: 30px;

color:#FFB5C5;

line-height:2em;background:#F5DEB3;

}

#comments-block .comment-body {

background:url(url da imagem);

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

background:url(}#comments-block .comment-author {Font-weight: bold;color:#FFB5C5;font-size:12px;margin:.5em 0;font-family:tahoma;height: 30px;color:#FFB5C5;line-height:2em;background:#F5DEB3;}#comments-block .comment-body {background:url(url da imagem);margin:.25em 0 0;}

#comments-block .comment-footer {margin:-.25em 0 2em;background:url(}#comments-block .comment-author {Font-weight: bold;color:#FFB5C5;font-size:12px;margin:.5em 0;font-family:tahoma;height: 30px;color:#FFB5C5;line-height:2em;background:#F5DEB3;}#comments-block .comment-body {background:url(url da imagem);margin:.25em 0 0;}#comments-block .comment-footer {margin:-.25em 0 2em;background:url(url da imagem);

line-height: 1.4em;

color:#111;border: 20px #FFE4E1;

text-transform:uppercase;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 75;

font-size: 11 px;

line-height:1.5em;

background:#f1f1f1;;

color:#111;border: 3px #535456;line-height: 1.4em;color:#111;border: 20px #FFE4E1;text-transform:uppercase;letter-spacing:.1em;}#comments-block .comment-body p {margin:0 0 75;font-size: 11 px;line-height:1.5em;background:#f1f1f1;;color:#111;border: 3px #535456;line-height: 1.4em;color:#111;border: 20px #FFE4E1;text-transform:uppercase;letter-spacing:.1em;}#comments-block .comment-body p {margin:0 0 75;font-size: 11 px;line-height:1.5em;background:#f1f1f1;;color:#111;border: 3px #535456;             } 

A partes do código que estão destacadas em vermelho , rosa e preto são as que poderá alterar

Vermelho : 1ª cor do Disse , 

2ª cor da Data
Roxo : Troque todos os links roxo por um background, ele vai ficar em baixo do texto do comment.
Preto : Se refere a barra com nome de cada comentarista .

Para alterar as cores click Aqui

Espero que tenha gostado,bjos do Mrs. Kawaii