Cambiar el color del fondo de los comentarios de Blogger

Con la siguiente modificación en el CSS de nuestra plantilla (tomamos como referencia: Mínima) podemos cambiar el color de fondo de los comentarios: Vamos a Editar HTML... Diseño ► Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ► ...y localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (Search) una línea del mismo: /* Comments ----------------------------------------------- */ #comments h4 {   margin:1em 0;   font-weight: bold;   line-height: 1.4em;   text-transform:uppercase;   letter-spacing:.2em;   color: $sidebarcolor;   } #comments-block {   margin:1em 0 1.5em;   line-height:1.6em;   } #comments-block .comment-author {   margin:.5em 0;   } #comments-block .comment-body {   margin:.25em 0 0;   } #comments-block .comment-footer {   margin:-.25em 0 2em;   line-height: 1.4em;   text-transform:uppercase;   letter-spacing:.1em;   } #comments-block .comment-body p {   margin:0 0 .75em;   } .deleted-comment {   font-style:italic;   color:gray;   } 2.- Una vez localizado lo eliminamos y lo reemplazamos por el siguiente: /* Comments ----------------------------------------------- */ #comments {   margin:0;   }   #comments h4 {   margin:0 0 10px;   padding-top:.5em;   line-height: 1.4em;   font: bold 110% Georgia,Serif;   color:#333;   } #comments-block {   line-height:1.6em;   }   .comment-author {   background: #194155;   margin:.5em 0 0;   padding:0 0 0 20px;   font-weight:bold;   } .comment-body {   background: #194155;   margin:0;   padding:7px 7px 7px 7px;   } .comment-body p {   margin:0 0 .5em;   } .comment-body-author{   background:#C0C0C0;   margin:0;   padding:7px 7px 7px 10px;   } .comment-body-author p {   font-size:105%;   margin:0 0 .2em 0;   color:#ffffff;   text-decoration:bold;   } .comment-footer {   background:#194155 ; margin:0 0 .5em;   padding:0 0 .75em 20px;   color:#996;   } .comment-footer a:link {   color:#ffffff;   }   .deleted-comment {   font-style:italic; color:gray;   } 3.- con este código podemos poner los colores que deseemos para el fondo de los comentarios, así: .comment-author { background: #194155; En el anterior segmento ponemos el código hexadecimal del color para el fondo del nombre del autor del comentario (Xxxxxxxxx dijo:). .comment-body { background: #194155; En este segmento ponemos el código hexadecimal del color para el fondo del comentario. .comment-footer { background:#194155; margin:0 0 .5em; Aquí ponemos el código hexadecimal del color para el fondo de la fecha y de Publicar un comentario en la entrada.

Twittear