Comentários Incorporados #2 super

Olá pessoal, num post, eu ensinei a como personalizar os comentários incorporados simples, agora, é os comentários incorporados super, o mais personalizado. Então, quer aprender a fazer um super personalizado? então, clique em leia mais, e vamos nessa!

 Bom vamos começar o tutorial!

1- primeiro você tem que marcar a opção comentários incorporados, se não, não vai funcionar, para isso vá em: Configurações // postagens e comentários // comentários // local do comentário // incorporado // Salve e pronto! agora vamos começar!

2- seguindo na mesma página que você parou no passo acima, clique em: Modelo // Editar html // prosseguir  e procure por: #comments {  Depois que você achar ele, apague apenas até o fechamento das chaves " }". e cole esse código no lugar:

#comments {
padding: 15px;
background: url("url-da-imagem-de-fundo-dos-comentarios"); /* BACKGROUND/FUNDO DOS COMENTARIOS */
}

3- depois disso procure por: /* Comments  Quando achar, seleciono tudo abaixo dele, e cole esse no lugar dele:

/* Comments
----------------------------------------------- */
.comments .comment-block {background: #E6E8FA; /* cor do background, entenda na legenda */
border-radius: 10px; /*tamanho da borda arredondada se não quiser, apague esse código*/
border: 2px solid #000; /* bordas, tamanho, formato e cor */
}
.comments .avatar-image-container {float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
border-radius: 15px; /* tamanho do arredondamento da imagem do comentarista */
border: 4px solid #000; /* bordas tamanho, formato, e cor */
}
.comments .comments-content .comment-content {background: #ffffff; /* background- fundo do texto do comentarista */
}

Legenda:

a imagem abaixo representa, o mesmo código acima:

pronto, depois que estiver tudo ao seu gosto, salve!

beijos,

até o próximo post,

Comentem!!