Personalizando a área dos comentários

Oi oi gente! Bom, inauguramos o blog com o tutorial de personalização dos comentários. Eu sei que muita gente odeia e tem preguiça de personalizar os comentários do blog. Basta o background branco que dá pro gasto. Hoje vamos personalizar de um jeito fofo e fácil maravilha! Let's go, people !

Personalizando a área

Primeiramente abra o html do seu blog e procure por #comments {

Logo após achar, apague-a até a chave } e substitua por esse código:

#comments {
background: #ffffff;
padding: 10px;
border: 1px dashed #000000;
}

° Em background personalize a cor do fundo.
° Em border 1px personalize a grossura da borda contorno do background.
° Em border dashed personalize o tipo da borda, neste caso, tracejada. Solid: Sólido. Dotted: Pontilhado.
° Em border #000000 personalize a cor da borda.

Personalizando o avatar imagem do comentarista

Primeiramente, no seu html, procure por  .avatar-image-container {
Logo após achar, em baixo de margin: .2em 0 0; adicione este código:


-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;


° Este é o código para arredondar a imagem, você pode substituir 6px para aumentar ou diminuir a borda arredondada.


Se quiser adicionar borda, cole esse código: border: 3px solid #SUACOR;
° 3px é a grossura da borda.
° solid é o estilo.
° #SUACOR é a cor da borda.

Personalizando a resposta

Primeiramente, no html, procure por .comments .comment-thread.inline-thread {
Logo após achar a tag, apague ela até a chave } e substitua por esse código:

background:  #ffffff ;
border: 1px solid #000000;


° 1px é a grossura da borda.
° solid é o estilo da borda.
° #000000 é a cor da borda.
° #ffffff é o fundo.

Bom pessoinhas espero que tenham gostado, assim, eu fiz com muito carinho :3 

Bye bye, Luuh